<<include "Title">>
<<set $save = true>>\
<label>Gender:</label>
<<button "Female">>...
<<set $gender = "Female">>
<</button>> <<button "Male">>...
<<set $gender = "Male">>
<</button>> <<button "Intersex">>...
<<set $gender = "Intersex">>
<</button>>
<<button "Random Gender">>...
<<set $gender to ["Female", "Male", "Intersex"][(Math.random() * 3) | 0]>>
<</button>>
<hr>
<h1>Races:</h1><hr>
<label>Black Blood Races:</label>
<div style="display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px;">
<<button "Dark Elf">>
<<set $race to "Dark Elf">>
<</button>>
<<button "Light Elf">>
<<set $race to "Light Elf">>
<</button>>
<<button "Gray Elf">>
<<set $race to "Gray Elf">>
<</button>>
<<button "Time Lord">>
<<set $race to "Time Lord">>
<</button>>
<<button "Imp">>
<<set $race to "Imp">>
<</button>>
<<button "Spiderling">>
<<set $race to "Spiderling">>
<</button>>
<<button "Cupid">>
<<set $race to "Cupid">>
<</button>>
<<button "Banshee">>
<<set $race to "Banshee">>
<</button>>
</div>
<<button "Random Black Blood Race">>
<<set $race to ["Dark Elf", "Light Elf", "Gray Elf", "Time Lord", "Imp", "Spiderling", "Cupid", "Banshee"][(Math.random() * 8) | 0]>>
<</button>>
<h1></h1><hr>
<label>Red Blood Races:</label>
<div style="display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px;">
<<button "Human">>
<<set $race to "Human">>
<</button>> <<button "Aavan">>
<<set $race to "Aavan">>
<</button>> <<button "Dūvan">>...
<<set $race to "Dūvan">>
<</button>> <<button "Moosekin">>...
<<set $race to "Moosekin">>
<</button>> <<button "Ramkin">>...
<<set $race to "Ramkin">>
<</button>> <<button "Ratkin">>...
<<set $race to "Ratkin">>
<</button>>
</div>
<<button "Random Red Blood Race">>
<<set $race to ["Human", "Aavan", "Dūvan", "Moosekin", "Ramkin", "Ratkin"][(Math.random() * 5) | 0]>>
<</button>>
<h1></h1><hr>
<<button "Fully Random Race">>...
<<set $race to ["Human", "Dark Elf", "Gray Elf", "Dūvan", "Aavan", "Light Elf", "Time Lord", "Imp", "Spiderling", "Cupid", "Banshee", "Moosekin", "Ramkin", "Ratkin"][(Math.random() * 14) | 0]>>
<</button>>
<hr>
<<button "Confirm">><<goto "Confirm">><</button>><<include "Title">>
<<if $Fname is "Lily">>Sup pookie ;3<br><</if>><<if $gender is not undefined and $race is not undefined>>All fields are filled. You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.25">>
<<if $gender is "Intersex">>
<<set $he to (Math.random() > 0.66 ? "they" : (Math.random() > 0.5 ? "she" : "he"))>>
<<set $him to (Math.random() > 0.66 ? "them" : (Math.random() > 0.5 ? "her" : "he"))>>
<<set $his to (Math.random() > 0.66 ? "their" : (Math.random() > 0.5 ? "her" : "his"))>>
<</if>><<if $gender is "Male">><<set $he to "he">>
<<set $his to "his">>
<<set $him to "him">><</if>><<if $gender is "Female">><<set $he to "she">>
<<set $his to "her">>
<<set $him to "her">><</if>>
<</button>>
<<else>>Please fill in all the fields before proceeding.
<<button "Go Back">>
<<goto "CharacterCreate1">>
<</button>>
<</if>><h1>Character Creator</h1><hr><<if $race is "Dūvan">><<set $blood to "Red">><<goto "CharacterCreatorDuvan">><</if>>
<<if $race is "Human">><<set $blood to "Red">><<goto "CharacterCreatorHuman">>
<</if>>
<<if $race is "Aavan">><<set $blood to "Red">><<goto "CharacterCreatorAavan">><</if>>
<<if $race is "Moosekin">><<set $blood to "Red">><<goto "CharacterCreatorMooseKin">>
<</if>>
<<if $race is "Ramkin">><<set $blood to "Red">><<goto "CharacterCreatorRamKin">>
<</if>>
<<if $race is "Ratkin">><<set $blood to "Red">><<goto "CharacterCreatorRatKin">><</if>>
<<if $race is "Dark Elf">><<set $blood to "Black">><<goto "CharacterCreatorDarkElf">>
<</if>>
<<if $race is "Light Elf">><<set $blood to "Black">><<goto "CharacterCreatorLightElf">>
<</if>>
<<if $race is "Time Lord">><<set $blood to "Black">><<goto "CharacterCreatorTimeLord">>
<</if>>
<<if $race is "Spiderling">><<set $blood to "Black">><<goto "CharacterCreatorSpiderling">>
<</if>>
<<if $race is "Banshee">><<set $blood to "Black">><<goto "CharacterCreatorBanshee">>
<</if>>
<<if $race is "Cupid">><<if $Mname == "">><<set $Mname to "D.">><</if>><<set $blood to "Black">><<goto "CharacterCreatorCupid">>
<</if>>
<<if $race is "Imp">><<set $blood to "Black">><<goto "CharacterCreatorImp">>
<</if>>
<<if $race is "Gray Elf">><<set $blood to "Black">><<goto "CharacterCreatorGrayElf">>
<</if>>
<<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorDuvan">>
<</button>>
<</if>><<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="230" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="140" max="210" value="150" step="0.1" class="slider">
<span id="heightslideval">150</span> cm
Height: <span id="heighttext">Short</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="80" max="300" value="100" step="0.1" class="slider">
<span id="weightslideval">100</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="900" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span><</if>><<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="750" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="20.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>><<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="30.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="400" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Black">> Black
<<radiobutton "$hairColor" "Dark Brown">> Dark Brown
<<radiobutton "$hairColor" "Light Brown">> Light Brown
<<radiobutton "$hairColor" "Sandy Brown">> Sandy Brown
<<radiobutton "$hairColor" "Brown">> Brown
<<radiobutton "$hairColor" "Dirty Blonde">> Dirty Blonde
<<radiobutton "$hairColor" "Blonde">> Blonde
<<radiobutton "$hairColor" "Ash Blonde">> Ash Blonde
<<radiobutton "$hairColor" "Platinum Blonde">> Platinum Blonde
<<radiobutton "$hairColor" "Blonde Gray">> Blonde Gray
<<radiobutton "$hairColor" "Dark Gray">> Dark Gray
<<radiobutton "$hairColor" "Gray">> Gray
<<radiobutton "$hairColor" "Light Gray">> Light Gray
<<radiobutton "$hairColor" "White">> White
<<radiobutton "$hairColor" "Strawberry Blonde">> Strawberry Blonde
<<radiobutton "$hairColor" "Ginger">> Ginger
<<radiobutton "$hairColor" "Fire Red">> Fire Red
<<radiobutton "$hairColor" "Red">> Red
<<radiobutton "$hairColor" "Deep Red">> Deep Red
<<radiobutton "$hairColor" "Dark Red">> Dark Red
<<radiobutton "$hairColor" "Mahogany">> Mahogany
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Black">> Black
<<radiobutton "$eyeColor" "Dark Brown">> Dark Brown
<<radiobutton "$eyeColor" "Light Brown">> Light Brown
<<radiobutton "$eyeColor" "Brown">> Brown
<<radiobutton "$eyeColor" "Hazel">> Hazel
<<radiobutton "$eyeColor" "Light Green">> Light Green
<<radiobutton "$eyeColor" "Green">> Green
<<radiobutton "$eyeColor" "Dark Green">> Dark Green
<<radiobutton "$eyeColor" "Blue">> Blue
<<radiobutton "$eyeColor" "Light Blue">> Light Blue
<<radiobutton "$eyeColor" "Gray-Blue">> Gray-Blue
<<radiobutton "$eyeColor" "Gray">> Gray
<<radiobutton "$eyeColor" "Dark Blue">> Dark Blue
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Ivory">> Ivory
<<radiobutton "$skinColor" "Alabaster White">> Alabaster White
<<radiobutton "$skinColor" "Pale">> Pale
<<radiobutton "$skinColor" "Fair">> Fair
<<radiobutton "$skinColor" "Light Beige">> Light Beige
<<radiobutton "$skinColor" "Beige">> Beige
<<radiobutton "$skinColor" "Dark Beige">> Dark Beige
<<radiobutton "$skinColor" "Olive">> Olive
<<radiobutton "$skinColor" "Light Tan">> Light Tan
<<radiobutton "$skinColor" "Tan">> Tan
<<radiobutton "$skinColor" "Deep Tan">> Deep Tan
<<radiobutton "$skinColor" "Caramel">> Caramel
<<radiobutton "$skinColor" "Bronze">> Bronze
<<radiobutton "$skinColor" "Light Brown">> Light Brown
<<radiobutton "$skinColor" "Golden Brown">> Golden Brown
<<radiobutton "$skinColor" "Brown">> Brown
<<radiobutton "$skinColor" "Dark Brown">> Dark Brown
<<radiobutton "$skinColor" "Deep Brown">> Deep Brown
<<radiobutton "$skinColor" "Ebony">> Ebony
<<radiobutton "$skinColor" "Deep Ebony">> Deep Ebony
<<radiobutton "$skinColor" "Pure Ebony">> Pure Ebony </div></div>\
<<button "Randomize Colors">>
<<set $hairColor to ["Black", "Dark Brown", "Light Brown", "Sandy Brown", "Brown", "Dirty Blonde", "Blonde", "Ash Blonde", "Platinum Blonde", "Blonde Gray", "Dark Gray", "Gray", "Light Gray", "White", "Strawberry Blonde", "Ginger", "Fire Red", "Red", "Deep Red", "Dark Red", "Mahogany"][(random(0, 20))]>>
<<set $eyeColor to ["Black", "Dark Brown", "Light Brown", "Brown", "Hazel", "Light Green", "Green", "Dark Green", "Blue", "Light Blue", "Gray-Blue", "Gray", "Dark Blue"][(random(0, 12))]>>
<<set $skinColor to ["Albino", "Ivory", "Alabaster White", "Pale", "Fair", "Light Beige", "Beige", "Dark Beige", "Olive", "Light Tan", "Tan", "Deep Tan", "Caramel", "Bronze", "Light Brown", "Golden Brown", "Brown", "Dark Brown", "Deep Brown", "Ebony", "Deep Ebony", "Pure Ebony"][(random(0, 21))]>>
<<goto "CharacterCreatorDuvan2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorDuvan2">><</button>><<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="130" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="140" max="210" value="150" step="0.1" class="slider">
<span id="heightslideval">150</span> cm
Height: <span id="heighttext">Short</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="80" max="300" value="100" step="0.1" class="slider">
<span id="weightslideval">100</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="900" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span><</if>><<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="750" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="20.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>><<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="30.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="400" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Black">> Black
<<radiobutton "$hairColor" "Dark Brown">> Dark Brown
<<radiobutton "$hairColor" "Light Brown">> Light Brown
<<radiobutton "$hairColor" "Sandy Brown">> Sandy Brown
<<radiobutton "$hairColor" "Brown">> Brown
<<radiobutton "$hairColor" "Dirty Blonde">> Dirty Blonde
<<radiobutton "$hairColor" "Blonde">> Blonde
<<radiobutton "$hairColor" "Ash Blonde">> Ash Blonde
<<radiobutton "$hairColor" "Platinum Blonde">> Platinum Blonde
<<radiobutton "$hairColor" "Blonde Gray">> Blonde Gray
<<radiobutton "$hairColor" "Dark Gray">> Dark Gray
<<radiobutton "$hairColor" "Gray">> Gray
<<radiobutton "$hairColor" "Light Gray">> Light Gray
<<radiobutton "$hairColor" "White">> White
<<radiobutton "$hairColor" "Strawberry Blonde">> Strawberry Blonde
<<radiobutton "$hairColor" "Ginger">> Ginger
<<radiobutton "$hairColor" "Fire Red">> Fire Red
<<radiobutton "$hairColor" "Red">> Red
<<radiobutton "$hairColor" "Deep Red">> Deep Red
<<radiobutton "$hairColor" "Dark Red">> Dark Red
<<radiobutton "$hairColor" "Mahogany">> Mahogany
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Black">> Black
<<radiobutton "$eyeColor" "Dark Brown">> Dark Brown
<<radiobutton "$eyeColor" "Light Brown">> Light Brown
<<radiobutton "$eyeColor" "Brown">> Brown
<<radiobutton "$eyeColor" "Hazel">> Hazel
<<radiobutton "$eyeColor" "Light Green">> Light Green
<<radiobutton "$eyeColor" "Green">> Green
<<radiobutton "$eyeColor" "Dark Green">> Dark Green
<<radiobutton "$eyeColor" "Blue">> Blue
<<radiobutton "$eyeColor" "Light Blue">> Light Blue
<<radiobutton "$eyeColor" "Gray-Blue">> Gray-Blue
<<radiobutton "$eyeColor" "Gray">> Gray
<<radiobutton "$eyeColor" "Dark Blue">> Dark Blue
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Ivory">> Ivory
<<radiobutton "$skinColor" "Alabaster White">> Alabaster White
<<radiobutton "$skinColor" "Pale">> Pale
<<radiobutton "$skinColor" "Fair">> Fair
<<radiobutton "$skinColor" "Light Beige">> Light Beige
<<radiobutton "$skinColor" "Beige">> Beige
<<radiobutton "$skinColor" "Dark Beige">> Dark Beige
<<radiobutton "$skinColor" "Olive">> Olive
<<radiobutton "$skinColor" "Light Tan">> Light Tan
<<radiobutton "$skinColor" "Tan">> Tan
<<radiobutton "$skinColor" "Deep Tan">> Deep Tan
<<radiobutton "$skinColor" "Caramel">> Caramel
<<radiobutton "$skinColor" "Bronze">> Bronze
<<radiobutton "$skinColor" "Light Brown">> Light Brown
<<radiobutton "$skinColor" "Golden Brown">> Golden Brown
<<radiobutton "$skinColor" "Brown">> Brown
<<radiobutton "$skinColor" "Dark Brown">> Dark Brown
<<radiobutton "$skinColor" "Deep Brown">> Deep Brown
<<radiobutton "$skinColor" "Ebony">> Ebony
<<radiobutton "$skinColor" "Deep Ebony">> Deep Ebony
<<radiobutton "$skinColor" "Pure Ebony">> Pure Ebony </div></div>\
<<button "Randomize Colors">>
<<set $hairColor to ["Black", "Dark Brown", "Light Brown", "Sandy Brown", "Brown", "Dirty Blonde", "Blonde", "Ash Blonde", "Platinum Blonde", "Blonde Gray", "Dark Gray", "Gray", "Light Gray", "White", "Strawberry Blonde", "Ginger", "Fire Red", "Red", "Deep Red", "Dark Red", "Mahogany"][(random(0, 20))]>>
<<set $eyeColor to ["Black", "Dark Brown", "Light Brown", "Brown", "Hazel", "Light Green", "Green", "Dark Green", "Blue", "Light Blue", "Gray-Blue", "Gray", "Dark Blue"][(random(0, 12))]>>
<<set $skinColor to ["Albino", "Ivory", "Alabaster White", "Pale", "Fair", "Light Beige", "Beige", "Dark Beige", "Olive", "Light Tan", "Tan", "Deep Tan", "Caramel", "Bronze", "Light Brown", "Golden Brown", "Brown", "Dark Brown", "Deep Brown", "Ebony", "Deep Ebony", "Pure Ebony"][(random(0, 21))]>>
<<goto "CharacterCreatorHuman2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorHuman2">><</button>><<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="230" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="125" max="185" value="150" step="0.1" class="slider">
<span id="heightslideval">150</span> cm
Height: <span id="heighttext">Short</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="100" max="300" value="100" step="0.1" class="slider">
<span id="weightslideval">100</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="1200" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span><</if>><<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="950" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="20.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>><<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="30.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="400" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Black">> Black
<<radiobutton "$hairColor" "Dark Brown">> Dark Brown
<<radiobutton "$hairColor" "Light Brown">> Light Brown
<<radiobutton "$hairColor" "Sandy Brown">> Sandy Brown
<<radiobutton "$hairColor" "Brown">> Brown
<<radiobutton "$hairColor" "Dirty Blonde">> Dirty Blonde
<<radiobutton "$hairColor" "Blonde">> Blonde
<<radiobutton "$hairColor" "Ash Blonde">> Ash Blonde
<<radiobutton "$hairColor" "Platinum Blonde">> Platinum Blonde
<<radiobutton "$hairColor" "Blonde Gray">> Blonde Gray
<<radiobutton "$hairColor" "Dark Gray">> Dark Gray
<<radiobutton "$hairColor" "Gray">> Gray
<<radiobutton "$hairColor" "Light Gray">> Light Gray
<<radiobutton "$hairColor" "White">> White
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Black">> Black
<<radiobutton "$eyeColor" "Dark Brown">> Dark Brown
<<radiobutton "$eyeColor" "Light Brown">> Light Brown
<<radiobutton "$eyeColor" "Hazel">> Hazel
<<radiobutton "$eyeColor" "Brown">> Brown
<<radiobutton "$eyeColor" "Golden Brown">> Golden Brown
<<radiobutton "$eyeColor" "Gold">> Gold
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Light Beige">> Light Beige
<<radiobutton "$skinColor" "Beige">> Beige
<<radiobutton "$skinColor" "Dark Beige">> Dark Beige
<<radiobutton "$skinColor" "Olive">> Olive
<<radiobutton "$skinColor" "Light Tan">> Light Tan
<<radiobutton "$skinColor" "Tan">> Tan
<<radiobutton "$skinColor" "Deep Tan">> Deep Tan
<<radiobutton "$skinColor" "Caramel">> Caramel
<<radiobutton "$skinColor" "Bronze">> Bronze
<<radiobutton "$skinColor" "Light Brown">> Light Brown
<<radiobutton "$skinColor" "Golden Brown">> Golden Brown
<<radiobutton "$skinColor" "Brown">> Brown
<<radiobutton "$skinColor" "Dark Brown">> Dark Brown
<<radiobutton "$skinColor" "Deep Brown">> Deep Brown
<<radiobutton "$skinColor" "Ebony">> Ebony
<<radiobutton "$skinColor" "Deep Ebony">> Deep Ebony
<<radiobutton "$skinColor" "Pure Ebony">> Pure Ebony </div></div>\
<<button "Randomize Colors">>
<<set $hairColor to ["Black", "Dark Brown", "Light Brown", "Sandy Brown", "Brown", "Dirty Blonde", "Blonde", "Ash Blonde", "Platinum Blonde", "Blonde Gray", "Dark Gray", "Gray", "Light Gray", "White"][(random(0, 13))]>>
<<set $eyeColor to ["Black", "Dark Brown", "Light Brown", "Hazel", "Brown", "Golden Brown", "Gold"][(random(0, 6))]>>
<<set $skinColor to ["Albino", "Light Beige", "Beige", "Dark Beige", "Olive", "Light Tan", "Tan", "Deep Tan", "Caramel", "Bronze", "Light Brown", "Golden Brown", "Brown", "Dark Brown", "Deep Brown", "Ebony", "Deep Ebony", "Pure Ebony"][(random(0, 17))]>>
<<goto "CharacterCreatorAavan2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorAavan2">><</button>><<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="1300" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="190" max="350" value="200" step="0.1" class="slider">
<span id="heightslideval">200</span> cm
Height: <span id="heighttext">Short</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="150" max="400" value="150" step="0.1" class="slider">
<span id="weightslideval">150</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="1500" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span><</if>><<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="1200" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="30.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span>
<label>Horns</label>
<label>Adjust the value: </label>
<input type="range" id="hornLengthslider" min="5.8" max="10.32" value="5.8" step="0.01" class="slider">
<span id="hornLengthslideval">5.8</span> cm
Your horns are <span id="hornLengthText">Tiny</span><</if>>\
<<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="50.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span>
<label>Horns</label>
<label>Adjust the value: </label>
<input type="range" id="hornLengthslider" min="5.8" max="20.42" value="5.8" step="0.01" class="slider">
<span id="hornLengthslideval">5.8</span> cm
Your horns are <span id="hornLengthText">Tiny</span><</if>>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="900" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Black">> Black
<<radiobutton "$hairColor" "White">> White
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Black">> Black
<<radiobutton "$eyeColor" "Dark Gray">> Dark Gray
<<radiobutton "$eyeColor" "Gray">> Gray
<<radiobutton "$eyeColor" "Light Gray">> Light Gray
<<radiobutton "$eyeColor" "White">> White
<<radiobutton "$eyeColor" "Coral">> Coral
<<radiobutton "$eyeColor" "Pink">> Pink
<<radiobutton "$eyeColor" "Red">> Red
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Ivory">> Ivory
<<radiobutton "$skinColor" "Alabaster White">> Alabaster White
<<radiobutton "$skinColor" "Pale">> Pale
<<radiobutton "$skinColor" "Fair">> Fair
<<radiobutton "$skinColor" "Light Beige">> Light Beige </div></div>\
<<button "Randomize Colors">>
<<set $hairColor to ["Black", "White"][(random(0, 1))]>>
<<set $eyeColor to ["Black", "Dark Gray", "Gray", "Light Gray", "White", "Coral", "Pink", "Red"][(random(0, 7))]>>
<<set $skinColor to ["Albino", "Ivory", "Alabaster White", "Pale", "Fair", "Light Beige"][(random(0, 5))]>>
<<goto "CharacterCreatorDarkElf2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorDarkElf2">><</button>><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<<set $savedCharacters = []>>
<<if $save is undefined>>
<<set $save = true>>
<</if>>
<<include "Time">>
<<include "Names">>
<<set $inmenu to 0>>
<<set $equipedweapon to "None">>
<<set $equipedarmour to "None">>
<<set $equipedgroin to "None", $equipedneck to "None", $equipedhand to "None">>
<<set $equipedheadgear to "None", $equipedfootwear to "None">>
<<set $health to 100>>
<<set $hunger to 30>>
<<set $thirst to 30>>
<<set $maxHealth to 100, $maxHunger to 100, $maxThirst to 100>>
<<newmeter 'health' 1>>
<<sizing '225px' '18px'>>
<<label '$health'>>
<</newmeter>>
<<newmeter 'thirst' 1>>
<<sizing '225px' '18px'>>
<<colors 'red' 'green'>>
<<label '$thirst'>>
<</newmeter>>
<<newmeter 'hunger' 1>>
<<sizing '225px' '18px'>>
<<colors 'red' 'green'>>
<<label '$hunger'>>
<</newmeter>>
<<set $maxBanditRageMeter to 100>>
<<set $maxBanditHealthMeter to 100>>
<<set $bandit = {health: 100, rage: 0, immobilized: false}>>
<<newmeter 'banditRageMeter' 1>>
<<sizing '225px' '18px'>>
<<colors 'red' 'green'>>
<<label '$bandit.rage'>>
<</newmeter>>
<<newmeter 'banditHealthMeter' 1>>
<<sizing '225px' '18px'>>
<<label '$bandit.health'>>
<</newmeter>>
<<set $toqenSkill = 0>>
<<set $clothes = {
"MakeshiftTunic": { quantity: [ ] }
}>>
<<set $weapons = {
"RustedMetalPipe": 0
}>>
<<set $edibles = {
"RustyCanteen": 0
}>>
<<script>>
if (!State.variables.numSlider1) {
State.variables.numSlider1 = 50;
}
if (!State.variables.numSlider2) {
State.variables.numSlider2 = 50;
}
// Initialize default values for cupsize and changedHairLength
if (typeof window.cupsize === 'undefined') {
window.cupsize = "AA"; // Default value
}
if (typeof window.changedHairLength === 'undefined') {
window.changedHairLength = 0; // Default value
}
// Initialize hairLength globally to avoid undefined behavior
if (typeof window.hairLength === 'undefined') {
window.hairLength = 10; // Default value for hair length, adjust as necessary
}
// Function to initialize sliders
function initializeNumericSlider(sliderId, outputId, varName) {
$(document).on(":passagerender", function (event) {
var slider = $(event.content).find(`#${sliderId}`);
var output = $(event.content).find(`#${outputId}`);
if (slider.length === 0) return;
var initialValue = slider.val();
output.text(initialValue);
window[varName] = parseFloat(initialValue);
// Set initial values for cupsize and changedHairLength
if (varName === "breastSlider") {
updateCupSize(initialValue); // Make sure cupsize is set based on initial slider value
}
if (varName === "penisSlider") {
updatePenisSize(initialValue); // Make sure cupsize is set based on initial slider value
}
if (varName === "weightSlider") {
updateBodyType(initialValue); // Make sure bodytype is set based on initial slider value
}
if (varName === "ageSlider") {
updateAgeText(initialValue);
}
if (varName === "heightSlider") {
updateHeightText(initialValue);
}
if (varName === "hornLengthSlider") {
updateHornLength(initialValue); // Make sure cupsize is set based on initial slider value
}
if (varName === "tailLengthSlider") {
updateTailLengthText(initialValue);
}
if (varName === "ageSlider" || varName === "hairlengthSlider") {
updateHairPercentage(window.ageSlider, window.hairlengthSlider); // Set initial changedHairLength based on both sliders
}
slider.on("input", function () {
var newValue = this.value;
output.text(newValue);
window[varName] = parseFloat(newValue);
if (varName === "breastSlider") {
updateCupSize(newValue);
}
if (varName === "ageSlider" || varName === "hairlengthSlider") {
updateHairPercentage(window.ageSlider, window.hairlengthSlider); // Always use both sliders' values to update hair length
}
if (varName === "weightSlider") {
updateBodyType(newValue);
}
if (varName === "ageSlider") {
updateAgeText(newValue);
}
if (varName === "heightSlider") {
updateHeightText(newValue);
}
if (varName === "penisSlider") {
updatePenisSize(newValue);
}
if (varName === "hornLengthSlider") {
updateHornLength(newValue);
}
if (varName === "tailLengthSlider") {
updateTailLengthText(newValue);
}
});
});
}
function updateBodyType(weightValue) {
var bodyType = "Lean";
let race = State.variables.race || "Human"; // Default to "Human" if not set
let minWeight = 80; // Base minimum weight (in kg)
let maxWeight = 400; // Base maximum weight (in kg)
// Set weight range based on race
switch (race) {
case "Human":
minWeight = 80;
maxWeight = 300;
break;
case "Dūvan":
minWeight = 80;
maxWeight = 300;
break;
case "Dark Elf":
minWeight = 150;
maxWeight = 400;
break;
case "Aavan":
minWeight = 100;
maxWeight = 300;
break;
case "Time Lord": // Time Lords' weight range similar to Humans/Dūvans but slightly heavier
minWeight = 85;
maxWeight = 320;
break;
// Add more races as needed
case "Light Elf":
minWeight = 80;
maxWeight = 275;
break;
case "Ratkin":
minWeight = 80;
maxWeight = 180;
break;
case "Ramkin":
minWeight = 90;
maxWeight = 180;
break;
case "Moosekin":
minWeight = 100;
maxWeight = 280;
break;
case "Spiderling":
minWeight = 60;
maxWeight = 215;
break;
case "Cupid":
minWeight = 75;
maxWeight = 150;
break;
case "Gray Elf":
minWeight = 80;
maxWeight = 320;
break;
case "Banshee":
minWeight = 80;
maxWeight = 200;
break;
case "Imp":
minWeight = 90;
maxWeight = 315;
break;
default:
console.warn(`Unrecognized race '${race}', using default weight range.`);
minWeight = 90;
maxWeight = 180;
}
// Calculate dynamic weight categories based on min and max weight
const slenderMax = minWeight + (maxWeight - minWeight) * 0.1; // Up to 10% of the weight range
const slimMax = minWeight + (maxWeight - minWeight) * 0.2; // Up to 20% of the weight range
const leanMax = minWeight + (maxWeight - minWeight) * 0.4; // Up to 40% of the weight range
const averageMax = minWeight + (maxWeight - minWeight) * 0.6; // Up to 60% of the weight range
const fullFiguredMax = minWeight + (maxWeight - minWeight) * 0.75; // Up to 75% of the weight range
const largeMax = minWeight + (maxWeight - minWeight) * 0.85; // Up to 85% of the weight range
const heavySetMax = minWeight + (maxWeight - minWeight) * 0.95; // Up to 95% of the weight range
const stockyMax = maxWeight; // Up to 100% of the weight range
// Assign body type based on the weight value
if (weightValue <= slenderMax) {
bodyType = "Slender";
} else if (weightValue <= slimMax) {
bodyType = "Slim";
} else if (weightValue <= leanMax) {
bodyType = "Lean";
} else if (weightValue <= averageMax) {
bodyType = "Average";
} else if (weightValue <= fullFiguredMax) {
bodyType = "Full-Figured";
} else if (weightValue <= largeMax) {
bodyType = "Large";
} else if (weightValue <= heavySetMax) {
bodyType = "Heavy-Set";
} else if (weightValue <= stockyMax) {
bodyType = "Stocky";
} else {
bodyType = "Overweight";
}
// Update body type text
$("#bodytype").text(bodyType); // Update HTML display
window.bodytype = bodyType; // Store globally
}
function updateAgeText(ageValue) {
let ageText = "Unknown";
let race = State.variables.race || "Human"; // fallback
let lifespan = 130;
race = race.trim();
switch (race) {
case "Human":
lifespan = 130;
break;
case "Dūvan":
lifespan = 230;
break;
case "Dark Elf":
lifespan = 1300;
break;
case "Aavan":
lifespan = 230;
break;
case "Light Elf":
lifespan = 1300;
break;
case "Time Lord": // Time Lords have the longest lifespan
lifespan = 2000;
break;
case "Ratkin":
lifespan = 100; // Shorter lifespan for animalistic races
break;
case "Ramkin":
lifespan = 100; // Shorter lifespan for animalistic races
break;
case "Moosekin":
lifespan = 100; // Shorter lifespan for animalistic races
break;
case "Spiderling":
lifespan = 950; // Shorter lifespan for Spiderlings
break;
case "Cupid":
lifespan = 2000; // Moderate lifespan for Cupids
break;
case "Gray Elf":
lifespan = 1300; // Long lifespan for Gray Elves
break;
case "Banshee":
lifespan = 1000; // Long lifespan for Banshees
break;
case "Imp":
lifespan = 130;
break;
default:
lifespan = 130;
}
// Dynamic age ranges (balanced across the lifespan)
const teenMax = lifespan * 0.25; // Up to 25% of lifespan
const youngAdultMax = lifespan * 0.40; // Up to 40% of lifespan
const adultMax = lifespan * 0.60; // Up to 60% of lifespan
const matureMax = lifespan * 0.75; // Up to 75% of lifespan
const middleAgedMax = lifespan * 0.90; // Up to 90% of lifespan
// Realistic age labels
if (ageValue <= teenMax) {
ageText = "Youngling";
} else if (ageValue <= youngAdultMax) {
ageText = "Adolescent";
} else if (ageValue <= adultMax) {
ageText = "Adult";
} else if (ageValue <= matureMax) {
ageText = "Seasoned";
} else if (ageValue <= middleAgedMax) {
ageText = "Worn";
} else {
ageText = "Elder";
}
if ($("#agetext").length > 0) {
$("#agetext").text(ageText);
}
window.agetext = ageText;
}
function updateHeightText(heightValue) {
let heightText = "Unknown";
let race = State.variables.race || "Human"; // Default to "Human" if not set
let minHeight = 130; // Base minimum height (in cm)
let maxHeight = 400; // Base maximum height (in cm)
// Set height range based on race
switch (race) {
case "Human":
minHeight = 140;
maxHeight = 210;
break;
case "Dūvan":
minHeight = 140;
maxHeight = 210;
break;
case "Dark Elf":
minHeight = 190;
maxHeight = 350;
break;
case "Aavan":
minHeight = 125;
maxHeight = 185;
break;
case "Time Lord": // Time Lords are slightly taller than Humans/Dūvans
minHeight = 150;
maxHeight = 220;
break;
case "Light Elf":
minHeight = 185;
maxHeight = 355;
break;
case "Ratkin":
minHeight = 90; // Shorter height for animalistic races
maxHeight = 150;
break;
case "Ramkin":
minHeight = 90; // Shorter height for animalistic races
maxHeight = 180;
break;
case "Moosekin":
minHeight = 90; // Shorter height for animalistic races
maxHeight = 215;
break;
case "Spiderling":
minHeight = 60; // Short height for Spiderlings
maxHeight = 215;
break;
case "Cupid":
minHeight = 90; // Moderate height for Cupids
maxHeight = 150;
break;
case "Gray Elf":
minHeight = 185; // Taller for Gray Elves
maxHeight = 365;
break;
case "Banshee":
minHeight = 150; // Moderate height for Banshees
maxHeight = 220;
break;
case "Imp":
minHeight = 95;
maxHeight = 200;
break;
// Add more races as needed
default:
console.warn(`Unrecognized race '${race}', using default height range.`);
minHeight = 150;
maxHeight = 180;
}
const shortMax = minHeight + (maxHeight - minHeight) * 0.2; // Up to 20% of the height range
const averageMax = minHeight + (maxHeight - minHeight) * 0.4; // Up to 40% of the height range
const tallMax = minHeight + (maxHeight - minHeight) * 0.6; // Up to 60% of the height range
const veryTallMax = minHeight + (maxHeight - minHeight) * 0.8; // Up to 80% of the height range
// Assign height text based on the height value
if (heightValue <= shortMax) {
heightText = "Short";
} else if (heightValue <= averageMax) {
heightText = "Below Average";
} else if (heightValue <= tallMax) {
heightText = "Average Height";
} else if (heightValue <= veryTallMax) {
heightText = "Tall";
} else {
heightText = "Very Tall";
}
// Update height text
$("#heighttext").text(heightText);
window.heighttext = heightText; // Store globally
}
function updateHornLength(hornLengthValue) {
const race = State.variables.race || "Dark Elf";
const gender = State.variables.gender || "Male";
let minLength = 2.8;
let maxLength = 10.32;
let hornLengthText = "Tiny";
switch (race) {
case "Dark Elf":
switch (gender) {
case "Male":
minLength = 5.8;
maxLength = 20.43;
break;
case "Intersex":
minLength = 5.8;
maxLength = 10.32;
break;
}
break;
case "Light Elf":
switch (gender) {
case "Intersex":
minLength = 2.8;
maxLength = 8.32;
break;
case "Female":
minLength = 2.8;
maxLength = 10.32;
break;
}
break;
case "Gray Elf":
switch (gender) {
case "Intersex":
minLength = 2.8;
maxLength = 8.32;
break;
case "Female":
minLength = 2.8;
maxLength = 10.32;
break;
case "Male":
minLength = 3.8;
maxLength = 15.32;
break;
}
break;
case "Ramkin":
switch (gender) {
case "Male":
minLength = 45.8;
maxLength = 127.43;
break;
case "Intersex":
minLength = 35.8;
maxLength = 115.32;
break;
case "Female":
minLength = 25.8;
maxLength = 95.32;
break;
}
break;
case "Moosekin":
switch (gender) {
case "Male":
minLength = 95.8;
maxLength = 213.43;
break;
case "Intersex":
minLength = 75.8;
maxLength = 145.32;
break;
case "Female":
minLength = 55.8;
maxLength = 125.32;
break;
}
break;
}
// Adjust the horn length ranges based on the race's min and max values
const smallMax = minLength + (maxLength - minLength) * 0.2; // 20% of the range
const averageMax = minLength + (maxLength - minLength) * 0.4; // 40% of the range
const bigMax = minLength + (maxLength - minLength) * 0.6; // 60% of the range
const hugeMax = minLength + (maxLength - minLength) * 0.8; // 80% of the range
if (hornLengthValue <= smallMax) {
hornLengthText = "Tiny";
}
else if (hornLengthValue > smallMax && hornLengthValue <= averageMax) {
hornLengthText = "Small";
}
else if (hornLengthValue > averageMax && hornLengthValue <= bigMax) {
hornLengthText = "Average";
}
else if (hornLengthValue > bigMax && hornLengthValue <= hugeMax) {
hornLengthText = "Big";
}
else if (hornLengthValue > hugeMax && hornLengthValue <= maxLength) {
hornLengthText = "Huge";
}
// Update the display text
$("#hornLengthText").text(hornLengthText); // Update HTML display
window.hornLengthText = hornLengthText; // Store globally
}
function updateTailLengthText(tailLengthValue) {
let tailLengthText = "Unknown";
let race = State.variables.race || "Light Elf"; // Default to "Light Elf" if not set
let minTailLength = 130; // Base minimum length (in cm)
let maxTailLength = 400; // Base maximum length (in cm)
// Set height range based on race
switch (race) {
case "Time Lord":
minTailLength = 45.72;
maxTailLength = 105.44;
break;
case "Light Elf":
minTailLength = 45.72;
maxTailLength = 91.44;
break;
case "Ratkin":
minTailLength = 45.72;
maxTailLength = 105.44;
break;
case "Ramkin":
minTailLength = 13
maxTailLength = 17;
break;
case "Moosekin":
minTailLength = 5;
maxTailLength = 12;
break;
case "Cupid":
minTailLength = 56.72;
maxTailLength = 125.44;
break;
case "Gray Elf":
minTailLength = 35.72;
maxTailLength = 81.44;
break;
// Add more races as needed
default:
console.warn(`Unrecognized race '${race}', using default height range.`);
minTailLength = 150;
maxTailLength = 180;
}
const shortMax = minTailLength + (maxTailLength - minTailLength) * 0.2; // Up to 20% of the height range
const averageMax = minTailLength + (maxTailLength - minTailLength) * 0.4; // Up to 40% of the height range
const tallMax = minTailLength + (maxTailLength - minTailLength) * 0.6; // Up to 60% of the height range
const veryTallMax = minTailLength + (maxTailLength - minTailLength) * 0.8; // Up to 80% of the height range
// Assign height text based on the height value
if (tailLengthValue <= shortMax) {
tailLengthText = "Short";
} else if (tailLengthValue <= averageMax) {
tailLengthText = "Below Average";
} else if (tailLengthValue <= tallMax) {
tailLengthText = "Average Length";
} else if (tailLengthValue <= veryTallMax) {
tailLengthText = "Long";
} else {
tailLengthText = "Very Long";
}
// Update tail length text
$("#tailLengthText").text(tailLengthText);
window.tailLengthText = tailLengthText; // Store globally
}
function updatePenisSize(penisValue) {
var PenisSize = "Tiny";
if (penisValue <= 3.5) {
PenisSize = "Tiny";
}
else if (penisValue > 3.5 && penisValue <= 10.5) {
PenisSize = "Small";
}
else if (penisValue > 10.5 && penisValue <= 18.5) {
PenisSize = "Average";
}
else if (penisValue > 18.5 && penisValue <= 20.32) {
PenisSize = "Big";
}
else if (penisValue > 20.32 && penisValue <= 32.45) {
PenisSize = "Huge";
}
else if (penisValue > 32.45) {
PenisSize = "Massive";
}
$("#penissize").text(PenisSize); // Update HTML display
window.penissize = PenisSize; // Store globally
}
function updateHairPercentage(ageValue, hairLengthValue) {
if (ageValue === undefined || hairLengthValue === undefined) return; // Make sure values exist
var changedHairLength = 0;
// Ensure age is within a reasonable range
if (ageValue < 16) {
ageValue = 16; // Minimum age for transition to start
}
// Set the percentage of hair that has transitioned based on age ranges
if (ageValue >= 16 && ageValue <= 20) {
changedHairLength = (hairLengthValue * 0.02); // 2% of hair length for ages 16-20
} else if (ageValue >= 21 && ageValue <= 50) {
changedHairLength = (hairLengthValue * 0.10); // 10% of hair length for ages 21-50
} else if (ageValue >= 51 && ageValue <= 100) {
changedHairLength = (hairLengthValue * 0.20); // 20% of hair length for ages 51-100
} else if (ageValue >= 101 && ageValue <= 200) {
changedHairLength = (hairLengthValue * 0.30); // 30% of hair length for ages 101-200
} else if (ageValue >= 201 && ageValue <= 500) {
changedHairLength = (hairLengthValue * 0.40); // 40% of hair length for ages 201-500
} else if (ageValue >= 501 && ageValue <= 1000) {
changedHairLength = (hairLengthValue * 0.50); // 50% of hair length for ages 501-1000
} else if (ageValue > 1000) {
changedHairLength = (hairLengthValue * 0.60); // 60% of hair length for ages 1000+
}
// Ensure that the changed hair length cannot exceed the total hair length
if (changedHairLength > hairLengthValue) {
changedHairLength = hairLengthValue; // Cap it to the total hair length
}
// Update the HTML display (rounded to 2 decimal places for display)
$("#changedHairLength").text(changedHairLength.toFixed(2)); // Update HTML display
// Store globally
window.changedHairLength = changedHairLength.toFixed(2); // Store globally
}
// Function to calculate and update the cup size based on breastSlider value
function updateCupSize(breastValue) {
var cupSize = "AA";
if (breastValue <= 100) {
cupSize = "AA";
} else if (breastValue >= 100 && breastValue < 250) {
cupSize = "A";
} else if (breastValue >= 250 && breastValue < 350) {
cupSize = "B";
} else if (breastValue >= 350 && breastValue < 500) {
cupSize = "C";
} else if (breastValue >= 500 && breastValue < 745) {
cupSize = "D";
} else if (breastValue >= 745 && breastValue < 900) {
cupSize = "DD";
} else if (breastValue >= 900 && breastValue < 1200) {
cupSize = "E";
} else if (breastValue >= 1200 && breastValue < 1450) {
cupSize = "F";
} else if (breastValue >= 1450 && breastValue < 1550) {
cupSize = "G";
} else if (breastValue >= 1550 && breastValue < 1950) {
cupSize = "K";
} else if (breastValue >= 1950 && breastValue < 2200) {
cupSize = "Q";
} else if (breastValue >= 2200 && breastValue < 2450) {
cupSize = "S";
} else if (breastValue >= 2450 && breastValue < 2550) {
cupSize = "U";
} else if (breastValue >= 2550 && breastValue < 2950) {
cupSize = "W";
} else if (breastValue >= 2950 && breastValue < 4000) {
cupSize = "Z";
}
$("#cupsize").text(cupSize); // Update HTML display
window.cupsize = cupSize; // Store globally
}
// Initialize sliders
initializeNumericSlider("heightslider", "heightslideval", "heightSlider");
initializeNumericSlider("weightslider", "weightslideval", "weightSlider");
initializeNumericSlider("hairlengthslider", "hairlengthslideval", "hairlengthSlider");
initializeNumericSlider("breastslider", "breastslideval", "breastSlider");
initializeNumericSlider("penisslider", "penisslideval", "penisSlider");
initializeNumericSlider("ageslider", "ageslideval", "ageSlider");
initializeNumericSlider("hornLengthslider", "hornLengthslideval", "hornLengthSlider");
initializeNumericSlider("tailLengthslider", "tailLengthslideval", "tailLengthSlider");
<</script>><<set $showInfo to true>>\
<h1>Character Description</h1><hr>
Your name is <<print $player.Fname>> <<print $player.Mname>> <<print $player.Lname>>, and you are <<print $player.age>> years old (<<print $player.ageText>>).\
You are <<print $player.gender>>. Your pronouns are: <<print $player.he>> / <<print $player.him>> / <<print $player.his>>.\
You belong to the <<print $player.race>> race, with skin that is <<print $player.skinColor>> in tone. You have <<print $player.blood>> blood. \
Your eyes are a striking shade of <<print $player.eyeColor>>, and you stand at <<print $player.height>> cm, you are <<print $player.heightText>> for your race. \
You weigh <<print $player.weight>> lbs, and you are <<print $player.bodyType>> for your race.\
Your hair reaches a length of <<print $player.hairLength>> cm and is a rich shade of <<print $player.hairColor>>.\
\
<<if $race is "Dark Elf">>
<<print $player.changedHairLength>> cm of your hair is <<if $hairColor is "Black">>white<</if>> <<if $hairColor is "White">>black<</if>> due to age.\
<</if>>\
<<if $gender is "Female">>\
Your breast size measures <<print $player.breastSize>> ccs, and your cup size is <<print $player.cupSize>>.\
\
<<if $race is "Light Elf">>
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<</if>>\
<<if $race is "Gray Elf">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<</if>>\
<<if $race is "Ramkin">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size. They are curled like a ram.\
<</if>>\
<</if>>\
\
<<if $gender is "Intersex">>\
Your breast size measures <<print $player.breastSize>> ccs, and your cup size is <<print $player.cupSize>>.\
Your penis is <<print $player.penisLength>> cm long and is <<print $player.penisSize>> in size.\
\
<<if $race is "Light Elf">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<</if>>\
<<if $race is "Dark Elf">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<<if $race is "Gray Elf">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<</if>>\
<<if $race is "Ramkin">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size. They are curled like a ram.\
<</if>>\
<<if $race is "Moosekin">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size. They are like a moose's horns.\
<</if>>\
<</if>>\
<</if>>\
\
<<if $gender is "Male">>\
Your penis is <<print $player.penisLength>> cm long and is <<print $player.penisSize>> in size.\
\
<<if $race is "Dark Elf">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<</if>>\
<<if $race is "Gray Elf">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<</if>>\
<<if $race is "Ramkin">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size. They are curled like a ram.\
<</if>>\
<<if $race is "Moosekin">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size. They are like a moose's horns.\
<</if>>\
<</if>>\
\
<<if $race is "Light Elf" or $race is "Gray Elf">>\
Your tail is <<print $player.tailLength>> cm long and is <<print $player.tailLengthText>> in size for your race.\
<</if>>\
\
<<if $race is "Time Lord">>\
You have two cat ears on the top of your head with fur the same colour as your hair.\
Your fluffy tail is <<print $player.tailLength>> cm long and is <<print $player.tailLengthText>> in size for your race.\
<</if>>\
\
<<if $race is "Cupid">>\
Your tail is <<print $player.tailLength>> cm long and is <<print $player.tailLengthText>> in size for your race.\
It has a heart at the end.\
<</if>>\
\
<<if $race is "Ratkin">>\
You have two rat ears on the top of your head with fur the same colour as your hair.\
Your rat tail is <<print $player.tailLength>> cm long and is <<print $player.tailLengthText>> in size for your race.\
<</if>>\
\
<<if $race is "Ramkin">>\
You have two ram ears on the top of your head with fur the same colour as your hair.\
Your fluffy tail is <<print $player.tailLength>> cm long and is <<print $player.tailLengthText>> in size for your race.\
<</if>>\
\
<<if $race is "Moosekin">>\
You have two moose ears on the top of your head with fur the same colour as your hair.\
Your fluffy tail is <<print $player.tailLength>> cm long and is <<print $player.tailLengthText>> in size for your race.\
<</if>>\
<hr>
<<button "Confirm">><<goto "Confirm1">><</button>><<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorHuman">>
<</button>>
<</if>><<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorAavan">>
<</button>>
<</if>><<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorDarkElf">>
<</button>>
<</if>><<set $player = {
Fname: "<span class='Fname'>" + $Fname + "</span>",
Mname: "<span class='Mname'>" + $Mname + "</span>",
Lname: "<span class='Lname'>" + $Lname + "</span>",
gender: "<span class='gender'>" + $gender + "</span>",
race: "<span class='race'>" + $race + "</span>",
blood: "<span class='blood'>" + $blood + "</span>",
he: "<span class='he'>" + $he + "</span>",
his: "<span class='his'>" + $his + "</span>",
him: "<span class='him'>" + $him + "</span>",
skinColor: "<span class='skin-color'>" + $skinColor + "</span>",
eyeColor: "<span class='eye-color'>" + $eyeColor + "</span>",
height: "<span id='heightslideval'>" + window.heightSlider + "</span>",
age: "<span id='ageslideval'>" + window.ageSlider + "</span>",
weight: "<span id='weightslideval'>" + window.weightSlider + "</span>",
hornLength: "<span id='hornLengthslideval'>" + window.hornLengthSlider + "</span>",
tailLength: "<span id='tailLengthslideval'>" + window.tailLengthSlider + "</span>",
hairLength: "<span id='hairlengthslideval'>" + window.hairlengthSlider + "</span>",
hairColor: "<span class='hair-color'>" + $hairColor + "</span>",
breastSize: "<span id='breastslideval'>" + window.breastSlider + "</span>",
cupSize: "<span id='cupsize'>" + window.cupsize + "</span>",
ageText: "<span id='agetext'>" + window.agetext + "</span>",
heightText: "<span id='heighttext'>" + window.heighttext + "</span>",
penisSize: "<span id='penissize'>" + window.penissize + "</span>",
bodyType: "<span id='bodytype'>" + window.bodytype + "</span>",
hornLengthText: "<span id='hornLengthText'>" + window.hornLengthText + "</span>",
tailLengthText: "<span id='tailLengthText'>" + window.tailLengthText + "</span>",
changedHairLength: "<span id='changedHairLength'>" + window.changedHairLength + "</span>",
penisLength: "<span id='penisslideval'>" + window.penisSlider + "</span>",
charisma: 0,
intellect: 0,
adaptability: 0,
willpower: 0,
strength: 0
}>>
<<script>>
document.documentElement.classList.remove("female", "male", "intersex");
if (variables().gender === "Female") {
document.documentElement.classList.add("female");
} else if (variables().gender === "Male") {
document.documentElement.classList.add("male");
} else if (variables().gender === "Intersex") {
document.documentElement.classList.add("intersex");
}
<</script>>
<<script>>
document.documentElement.classList.remove("redBlood", "blackBlood");
if (variables().blood === "Red") {
document.documentElement.classList.add("redBlood");
} else if (variables().blood === "Black") {
document.documentElement.classList.add("blackBlood");
}
<</script>>
<<if $gender is "Female">>
<<set $hasVagina to true>>
<<set $hasPenis to false>>
<</if>>
<<if $gender is "Intersex">>
<<set $hasVagina to true>>
<<set $hasPenis to true>>
<</if>>
<<if $gender is "Male">>
<<set $hasVagina to false>>
<<set $hasPenis to true>>
<</if>>
<<goto "CharacterCreate2">><<if $showTime is true>>\
<<if $show12HrClock is true>>\
<label>Time:</label> <<print $hours>>:<<print $minutes.toString().padStart(2, "0")>> <<print $time>>
<label>Day:</label> <<print $dayNum>>
<label>Month:</label> <<print $month>>
<label>Year:</label> <<print $year>>
<hr>
<</if>>\
<<if $show24HrClock is true>>\
<label>Time:</label> <<print $universeHour>>:<<print $minutes.toString().padStart(2, "0")>>
<label>Day:</label> <<print $dayNum>>
<label>Month:</label> <<print $month>>
<label>Year:</label> <<print $year>>
<hr>
<</if>>\
<<if $showGoldRushClock is true>>\
<label>Time:</label> <<print $timeTranslation>>
<label>Cycle:</label> <<print $dayNum>>
<label>Circle:</label> <<print $month>>
<label>Full Circle:</label> <<print $year>>
<hr>
<</if>>\
<</if>>\
<<if $showStats is true>>\
<label>Health:</label>
<<showmeter 'health' `$health / $maxHealth`>>
<label>Thirst:</label>
<<showmeter 'thirst' `$thirst / $maxThirst`>>
<label>Hunger:</label>
<<showmeter 'hunger' `$hunger / $maxHunger`>>
<hr>
<</if>>\<<include "Title">>
<label>Pronouns:</label>
(Keep in mind, these do not depend on your gender or your physical body. You could choose "Male" and "She/Her" pronouns. This just sets your character's pronouns when others refer to them. Keep this in mind also, strangers are more likely to mistaken your gender if your physical body and expression clashes with your pronouns. People you are close with do not do this. Regardless of if the people you know likes you or not, they will NEVER misgender you if you have some familiarity with them. Clothing also plays a role in your perception.)
<div style="display: flex; gap: 1em;">
<<button "She/Her">>\
<<set $he to "she">>
<<set $his to "her">>
<<set $him to "her">>
<</button>>\
<<button "He/Him">><<set $he to "he">>
<<set $his to "his">>
<<set $him to "him">>\
<</button>>\
<<button "They/Them">><<set $he to "they">>
<<set $his to "their">>
<<set $him to "them">>\
<</button>>\
</div>\
<h1></h1><hr>
This button is if you want to either be She/Him, He/Her, They/Her, They/He, or even a combination. You are more likely to get They than the other two but it is possible to get the other two. This does not rely on gender.
<<button "Random Pronouns">>...
<<set $he to (Math.random() > 0.66 ? "they" : (Math.random() > 0.5 ? "she" : "he"))>>
<<set $him to (Math.random() > 0.66 ? "them" : (Math.random() > 0.5 ? "her" : "he"))>>
<<set $his to (Math.random() > 0.66 ? "their" : (Math.random() > 0.5 ? "her" : "his"))>>
<</button>>
<hr>
<label>First Name</label>
<<textbox "$Fname" Kai>>
<<button "Randomize First Name">>
<<if $race == "Dark Elf">>
<<set $Fname to $darkElfFnames[Math.floor(Math.random() * $darkElfFnames.length)]>>
<</if>>
<<if $race == "Light Elf">>
<<set $Fname to $lightElfFnames[Math.floor(Math.random() * $lightElfFnames.length)]>>
<</if>>
<<if $race == "Aavan">>
<<set $Fname to $aavanFnames[Math.floor(Math.random() * $aavanFnames.length)]>> <!-- Corrected variable name -->
<</if>>
<<if $race == "Dūvan">>
<<set $Fname to $combinedFnames[Math.floor(Math.random() * $combinedFnames.length)]>>
<</if>>
<<if $race == "Human">>
<<set $Fname to $combinedFnames[Math.floor(Math.random() * $combinedFnames.length)]>>
<</if>>
<<if $race == "Time Lord">>
<<set $Fname to $timeLordFnames[Math.floor(Math.random() * $timeLordFnames.length)]>>
<</if>>
<<if $race == "Ratkin">>
<<set $Fname to $sharedFnames[Math.floor(Math.random() * $sharedFnames.length)]>>
<</if>>
<<if $race == "Ramkin">>
<<set $Fname to $sharedFnames[Math.floor(Math.random() * $sharedFnames.length)]>>
<</if>>
<<if $race == "Moosekin">>
<<set $Fname to $sharedFnames[Math.floor(Math.random() * $sharedFnames.length)]>>
<</if>>
<<if $race == "Spiderling">>
<<set $Fname to $spiderlingFnames[Math.floor(Math.random() * $spiderlingFnames.length)]>>
<</if>>
<<if $race == "Cupid">>
<<set $Fname to $cupidFnames[Math.floor(Math.random() * $cupidFnames.length)]>>
<</if>>
<<if $race == "Gray Elf">>
<<set $Fname to $grayElfFnames[Math.floor(Math.random() * $grayElfFnames.length)]>>
<</if>>
<<if $race == "Banshee">>
<<set $Fname to $bansheeFnames[Math.floor(Math.random() * $bansheeFnames.length)]>>
<</if>>
<</button>>
<label>Middle Name</label>
<<textbox "$Mname" "">>
<label>Last Name</label>
<<textbox "$Lname" "Doe">>
<<button "Randomize Last Name">>
<<if $race == "Dark Elf">>
<<set $Lname to $darkElfLnames[Math.floor(Math.random() * $darkElfLnames.length)]>>
<</if>>
<<if $race == "Light Elf">>
<<set $Lname to $lightElfLnames[Math.floor(Math.random() * $lightElfLnames.length)]>>
<</if>>
<<if $race == "Aavan">>
<<set $Lname to $aavanLnames[Math.floor(Math.random() * $aavanLnames.length)]>>
<</if>>
<<if $race == "Dūvan">>
<<set $Lname to $combinedLnames[Math.floor(Math.random() * $combinedLnames.length)]>>
<</if>>
<<if $race == "Human">>
<<set $Lname to $combinedLnames[Math.floor(Math.random() * $combinedLnames.length)]>>
<</if>>
<<if $race == "Time Lord">>
<<set $Lname to $timeLordLnames[Math.floor(Math.random() * $timeLordLnames.length)]>>
<</if>>
<<if $race == "Ratkin">>
<<set $Lname to $sharedLnames[Math.floor(Math.random() * $sharedLnames.length)]>>
<</if>>
<<if $race == "Ramkin">>
<<set $Lname to $sharedLnames[Math.floor(Math.random() * $sharedLnames.length)]>>
<</if>>
<<if $race == "Moosekin">>
<<set $Lname to $sharedLnames[Math.floor(Math.random() * $sharedLnames.length)]>>
<</if>>
<<if $race == "Spiderling">>
<<set $Lname to $spiderlingLnames[Math.floor(Math.random() * $spiderlingLnames.length)]>>
<</if>>
<<if $race == "Cupid">>
<<set $Lname to $cupidLnames[Math.floor(Math.random() * $cupidLnames.length)]>>
<</if>>
<<if $race == "Gray Elf">>
<<set $Lname to $grayElfLnames[Math.floor(Math.random() * $grayElfLnames.length)]>>
<</if>>
<<if $race == "Banshee">>
<<set $Lname to $bansheeLnames[Math.floor(Math.random() * $bansheeLnames.length)]>>
<</if>>
<</button>>
<hr>
<<button "Confirm">><<goto "RaceChoose">><</button>>
<<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="1300" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="185" max="355" value="190" step="0.1" class="slider">
<span id="heightslideval">190</span> cm
Height: <span id="heighttext">Short</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="80" max="275" value="80" step="0.1" class="slider">
<span id="weightslideval">80</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="1350" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Horns</label>
<label>Adjust the value: </label>
<input type="range" id="hornLengthslider" min="2.8" max="10.32" value="2.8" step="0.01" class="slider">
<span id="hornLengthslideval">2.8</span> cm
Your horns are <span id="hornLengthText">Tiny</span><</if>>\
<<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="950" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="30.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span>
<label>Horns</label>
<label>Adjust the value: </label>
<input type="range" id="hornLengthslider" min="2.8" max="8.32" value="2.8" step="0.01" class="slider">
<span id="hornLengthslideval">2.8</span> cm
Your horns are <span id="hornLengthText">Tiny</span><</if>>\
<<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="50.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span>
<</if>>
<label>Tail Length</label>
<label>Adjust the value: </label>
<input type="range" id="tailLengthslider" min="45.72" max="91.44" value="45.72" step="0.01" class="slider">
<span id="tailLengthslideval">45.72</span> cm
Your tail is <span id="tailLengthText">Short</span>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="550" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Dirty Blonde">> Dirty Blonde
<<radiobutton "$hairColor" "Blonde">> Blonde
<<radiobutton "$hairColor" "Ash Blonde">> Ash Blonde
<<radiobutton "$hairColor" "Platinum Blonde">> Platinum Blonde
<<radiobutton "$hairColor" "Blonde Gray">> Blonde Gray
<<radiobutton "$hairColor" "Dark Gray">> Dark Gray
<<radiobutton "$hairColor" "Gray">> Gray
<<radiobutton "$hairColor" "Light Gray">> Light Gray
<<radiobutton "$hairColor" "White">> White
<<radiobutton "$hairColor" "Strawberry Blonde">> Strawberry Blonde
<<radiobutton "$hairColor" "Ginger">> Ginger
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Dark Gray">> Dark Gray
<<radiobutton "$eyeColor" "Gray">> Gray
<<radiobutton "$eyeColor" "Light Gray">> Light Gray
<<radiobutton "$eyeColor" "White">> White
<<radiobutton "$eyeColor" "Light Green">> Light Green
<<radiobutton "$eyeColor" "Green">> Green
<<radiobutton "$eyeColor" "Dark Green">> Dark Green
<<radiobutton "$eyeColor" "Blue">> Blue
<<radiobutton "$eyeColor" "Light Blue">> Light Blue
<<radiobutton "$eyeColor" "Gray-Blue">> Gray-Blue
<<radiobutton "$eyeColor" "Gray">> Gray
<<radiobutton "$eyeColor" "Dark Blue">> Dark Blue
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Ivory">> Ivory
<<radiobutton "$skinColor" "Alabaster White">> Alabaster White
<<radiobutton "$skinColor" "Pale">> Pale
<<radiobutton "$skinColor" "Fair">> Fair
<<radiobutton "$skinColor" "Light Beige">> Light Beige
<<radiobutton "$skinColor" "Beige">> Beige
<<radiobutton "$skinColor" "Dark Beige">> Dark Beige
<<radiobutton "$skinColor" "Olive">> Olive
<<radiobutton "$skinColor" "Light Tan">> Light Tan
<<radiobutton "$skinColor" "Tan">> Tan
<<radiobutton "$skinColor" "Deep Tan">> Deep Tan
<<radiobutton "$skinColor" "Caramel">> Caramel
<<radiobutton "$skinColor" "Bronze">> Bronze</div></div>\
<<button "Randomize Colors">>
<<set $hairColor to ["Dirty Blonde", "Blonde", "Ash Blonde", "Platinum Blonde", "Blonde Gray", "Dark Gray", "Gray", "Light Gray", "White", "Strawberry Blonde", "Ginger"][(random(0, 10))]>>
<<set $eyeColor to ["Dark Gray", "Gray", "Light Gray", "White", "Light Green", "Green", "Dark Green", "Blue", "Light Blue", "Gray-Blue", "Dark Blue"][(random(0, 10))]>>
<<set $skinColor to ["Albino", "Ivory", "Alabaster White", "Pale", "Fair", "Light Beige", "Beige", "Dark Beige", "Olive", "Light Tan", "Tan", "Deep Tan", "Caramel", "Bronze"][(random(0, 13))]>>
<<goto "CharacterCreatorLightElf2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorLightElf2">><</button>><<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorLightElf">>
<</button>>
<</if>><<include "PersonalityTitle">>
It is now time to select <<print $player.Fname>> <<print $player.Mname>> <<print $player.Lname>>'s Tōqen.
<<button "Let's Go">>
<<goto "ToqenChoice1">>
<</button>><<include "Title">>
Are you sure you want <<print $player.Fname>> <<print $player.Mname>> <<print $player.Lname>> to be your character? (There is no changing after this)
<div style="display: flex; gap: 1em;">
<<button "Confirm">><<goto "Personality1">><</button>>
<<button "Restart">><<goto "CharacterCreate1">> <<set $showInfo to false>><</button>>
</div><h1>Personality Editor</h1><hr><<include "PersonalityTitle">>
<h1>Wing Types</h1><hr>
<label>Top Wing:</label>
This Tōqen type is for people who are very extroverted. They thrive in social settings, often becoming the center of attention without even trying. They tend to live fast and regret later on in life. They're energetic, spontaneous, and love being surrounded by people — though this can sometimes mask a fear of slowing down. They have many friends, though few truly close ones. In bed they tend to take charge and dominate their partner.
<<button "Top Wing">><<set $wingType to "Top">><</button>>
<hr>
<label>Bottom Wing:</label>
This Tōqen type is for people who are very introverted. They don't like large crowds and will seek out quiet places to hide away. They more often than not hate having attention brought onto them and will avoid the spotlight to the best of their ability. They tend to have little to no friends but surprisingly many admirers. Their shy and submissive nature makes them easy targets. In bed they are submissive.
<<button "Bottom Wing">><<set $wingType to "Bottom">><</button>>
<hr>
<label>Multi Wing:</label>
This Tōqen type is for people who are not full on extroverts or introverts, in layman's terms, ambiverts. They thrive in people heavy spaces but also in solitude. While they may fit in with most crowds, they never really click with others and have no true friends. In bed, they have no preference for being dominant or submissive.
<<button "Multi Wing">><<set $wingType to "Multi">><</button>>
<hr>
<<button "Random Wing Type">>
<<set $wingType to ["Top", "Bottom", "Multi"][(random(0, 2))]>>
<<goto "ToqenChoice1.5">>
<</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice1.5">><</button>><<include "PersonalityTitle">>
<<if $powerType is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">><<if $powerType is "Elemental">><<goto "ToqenChoiceElemental">><</if>>
<<if $powerType is "Mental">><<if $race is "Cupid">><<goto "ToqenChoiceCupid">><</if>><<goto "ToqenChoiceMental">><</if>>
<<if $powerType is "Transformational">><<goto "ToqenChoiceTransformational">><</if>>
<</button>>
<<else>>Please make sure you select a Power Type before confirming.
<<button "Go Back">>
<<if $race is "Human">><<goto "ToqenChoiceHuman">><</if>>
<<if $race is "Dūvan">><<goto "ToqenChoiceDuvan">><</if>>
<<if $race is "Aavan">><<goto "ToqenChoiceAavan">><</if>>
<<if $race is "Light Elf">><<goto "ToqenChoiceLightElf">><</if>>
<<if $race is "Dark Elf">><<goto "ToqenChoiceDarkElf">><</if>>
<<if $race is "Time Lord">><<goto "ToqenChoiceTimeLord">><</if>>
<<if $race is "Ratkin">><<goto "ToqenChoiceRatKin">><</if>>
<<if $race is "Ramkin">><<goto "ToqenChoiceRamKin">><</if>>
<<if $race is "Moosekin">><<goto "ToqenChoiceMooseKin">><</if>>
<<if $race is "Spiderling">><<goto "ToqenChoiceSpiderling">><</if>>
<<if $race is "Gray Elf">><<goto "ToqenChoiceGrayElf">><</if>>
<<if $race is "Cupid">><<goto "ToqenChoiceCupid">><</if>>
<<if $race is "Banshee">><<goto "ToqenChoiceBanshee">><</if>>
<<if $race is "Imp">><<goto "ToqenChoiceImp">><</if>>
<</button>>
<</if>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Elemental:</label>
This power type is suited for people who keep their emotions hidden within. While others may suspect it's because they have little to no emotions, they're actually far from the truth. Elemental power types are very emotional people but due to the hostility of the general public they've learned to hide their true emotions. Thus, they may be mistaken for being cold hearted but that is just to hide their fragile, overreactive, hearts.
<<button "Elemental">><<set $powerType to "Elemental">><</button>>
<hr>
<label>Transformational:</label>
This power type is very different personality-wise from the Elemental and Mental types. They are social chameleons who, depending on who they find themselves with, will present themselves in an eerily similar way as their peers. Their flip-floppy personalities are not easily picked up on because if you know them from one friend group, you'll assume that's their true personality. If you were to observe them in a different friend group you'll see how quick and easily they adapt to the different people. While this may seem malicious, they do not do this with ill intent - well most of them don't. This came about as a survival instinct developed to cope with the current state the worlds. Without knowing their true nature, they are quite like, though when their true nature is revealed they are quite despised.
<<button "Transformational">><<set $powerType to "Transformational">><</button>>
<hr>
<<button "Random Power Type">>
<<set $powerType to ["Elemental", "Transformational"][(random(0, 1))]>>
<<goto "ToqenChoice2">>
<</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Elemental:</label>
This power type is suited for people who keep their emotions hidden within. While others may suspect it's because they have little to no emotions, they're actually far from the truth. Elemental power types are very emotional people but due to the hostility of the general public they've learned to hide their true emotions. Thus, they may be mistaken for being cold hearted but that is just to hide their fragile, overreactive, hearts.
<<button "Elemental">><<set $powerType to "Elemental">><</button>>
<hr>
<label>Transformational:</label>
This power type is very different personality-wise from the Elemental and Mental types. They are social chameleons who, depending on who they find themselves with, will present themselves in an eerily similar way as their peers. Their flip-floppy personalities are not easily picked up on because if you know them from one friend group, you'll assume that's their true personality. If you were to observe them in a different friend group you'll see how quick and easily they adapt to the different people. While this may seem malicious, they do not do this with ill intent - well most of them don't. This came about as a survival instinct developed to cope with the current state the worlds. Without knowing their true nature, they are quite like, though when their true nature is revealed they are quite despised.
<<button "Transformational">><<set $powerType to "Transformational">><</button>>
<hr>
<<button "Random Power Type">>
<<set $powerType to ["Elemental", "Transformational"][(random(0, 1))]>>
<<goto "ToqenChoice2">>
<</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Elemental:</label>
This power type is suited for people who keep their emotions hidden within. While others may suspect it's because they have little to no emotions, they're actually far from the truth. Elemental power types are very emotional people but due to the hostility of the general public they've learned to hide their true emotions. Thus, they may be mistaken for being cold hearted but that is just to hide their fragile, overreactive, hearts.
<<button "Elemental">><<set $powerType to "Elemental">><</button>>
<hr>
<label>Transformational:</label>
This power type is very different personality-wise from the Elemental and Mental types. They are social chameleons who, depending on who they find themselves with, will present themselves in an eerily similar way as their peers. Their flip-floppy personalities are not easily picked up on because if you know them from one friend group, you'll assume that's their true personality. If you were to observe them in a different friend group you'll see how quick and easily they adapt to the different people. While this may seem malicious, they do not do this with ill intent - well most of them don't. This came about as a survival instinct developed to cope with the current state the worlds. Without knowing their true nature, they are quite like, though when their true nature is revealed they are quite despised.
<<button "Transformational">><<set $powerType to "Transformational">><</button>>
<hr>
<<button "Random Power Type">>
<<set $powerType to ["Elemental", "Transformational"][(random(0, 1))]>>
<<goto "ToqenChoice2">>
<</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Transformational:</label>
This power type is very different personality-wise from the Elemental and Mental types. They are social chameleons who, depending on who they find themselves with, will present themselves in an eerily similar way as their peers. Their flip-floppy personalities are not easily picked up on because if you know them from one friend group, you'll assume that's their true personality. If you were to observe them in a different friend group you'll see how quick and easily they adapt to the different people. While this may seem malicious, they do not do this with ill intent - well most of them don't. This came about as a survival instinct developed to cope with the current state the worlds. Without knowing their true nature, they are quite like, though when their true nature is revealed they are quite despised.
<<button "Transformational">><<set $powerType to "Transformational">><</button>>
<hr>
<label>Mental:</label>
This power type personality-wise is very similar to Elemental power types but while Elementals keep their hyperactive emotions hidden, Mental types wear their hearts on their sleeves. Depending on thier inner most nature, this might place a target on their backs or give them an advantage in strength. Like their power type suggests, Mental types are seen as crazy people who should be interacted with caution regardless of their inner most nature.
<<button "Mental">><<set $powerType to "Mental">><</button>>
<hr>
<<button "Random Power Type">>
<<set $powerType to ["Mental", "Transformational"][(random(0, 1))]>>
<<goto "ToqenChoice2">>
<</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Transformational:</label>
This power type is very different personality-wise from the Elemental and Mental types. They are social chameleons who, depending on who they find themselves with, will present themselves in an eerily similar way as their peers. Their flip-floppy personalities are not easily picked up on because if you know them from one friend group, you'll assume that's their true personality. If you were to observe them in a different friend group you'll see how quick and easily they adapt to the different people. While this may seem malicious, they do not do this with ill intent - well most of them don't. This came about as a survival instinct developed to cope with the current state the worlds. Without knowing their true nature, they are quite like, though when their true nature is revealed they are quite despised.
<<button "Transformational">><<set $powerType to "Transformational">><</button>>
<hr>
<label>Mental:</label>
This power type personality-wise is very similar to Elemental power types but while Elementals keep their hyperactive emotions hidden, Mental types wear their hearts on their sleeves. Depending on thier inner most nature, this might place a target on their backs or give them an advantage in strength. Like their power type suggests, Mental types are seen as crazy people who should be interacted with caution regardless of their inner most nature.
<<button "Mental">><<set $powerType to "Mental">><</button>>
<hr>
<<button "Random Power Type">>
<<set $powerType to ["Mental", "Transformational"][(random(0, 1))]>>
<<goto "ToqenChoice2">>
<</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<include "PersonalityTitle">>
<<if $wingType is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<if $race is "Human">><<goto "ToqenChoiceHuman">><</if>>
<<if $race is "Dūvan">><<goto "ToqenChoiceDuvan">><</if>>
<<if $race is "Aavan">><<goto "ToqenChoiceAavan">><</if>>
<<if $race is "Light Elf">><<goto "ToqenChoiceLightElf">><</if>>
<<if $race is "Dark Elf">><<goto "ToqenChoiceDarkElf">><</if>>
<<if $race is "Time Lord">><<goto "ToqenChoiceTimeLord">><</if>>
<<if $race is "Ratkin">><<goto "ToqenChoiceRatKin">><</if>>
<<if $race is "Ramkin">><<goto "ToqenChoiceRamKin">><</if>>
<<if $race is "Moosekin">><<goto "ToqenChoiceMooseKin">><</if>>
<<if $race is "Spiderling">><<goto "ToqenChoiceSpiderling">><</if>>
<<if $race is "Gray Elf">><<goto "ToqenChoiceGrayElf">><</if>>
<<if $race is "Cupid">><<goto "ToqenChoiceCupid">><</if>>
<<if $race is "Banshee">><<goto "ToqenChoiceBanshee">><</if>>
<<if $race is "Imp">><<goto "ToqenChoiceImp">><</if>>
<</button>>
<<else>>Please make sure you select a Wing Type before confirming.
<<button "Go Back">>
<<goto "ToqenChoice1">>
<</button>>
<</if>><<include "PersonalityTitle">>
<h1>Horn Types</h1><hr>
<label>Earth:</label>
These Elementals are filled with an overwhelming sorrow that they try their best to hide. In the age of mass violence, destruction, and terror, showing how much it effects you is the worst thing you can do. That's why Earth Elementals try their best to hide it. Since they prefer to keep their emotions hidden away they can be percieved as stoic or emotionless, until they explode from their ill concealled sadness.
<<button "Earth">><<set $hornType to "Earth">><</button>>
<hr>
<label>Water:</label>
These Elementals are filled with a great rage. Opposite ot what their power suggests, Water Elementals are not calm or serene in the slightest. They carry a deep anger within them that's just waiting to be released. Since they prefer to keep their emotions hidden away they can be percieved as stoic or emotionless, until they explode from their ill concealled rage.
<<button "Water">><<set $hornType to "Water">><</button>>
<hr>
<label>Fire:</label>
These Elementals are filled with a great sense of desire. They carry an intense will inside of themselves to not just survive but to thrive at everything they do. Though they withhold these intense desires, that does not mean they don't exist. The reason they hide it is because in this current age, people do not care to better themselves and expect their peers to be the same way. Fire Elementals are seen as dreamers with their heads in the clouds, though this does not faze them.
<<button "Fire">><<set $hornType to "Fire">><</button>>
<hr>
<<button "Random Horn Type">>
<<set $hornType to ["Fire", "Earth", "Water"][(random(0, 2))]>>
<<goto "Confirm3">>
<</button>>
<hr>
<<button "Confirm">><<goto "Confirm3">>
<</button>><<include "PersonalityTitle">>
<h1>Horn Types</h1><hr>
<<if $race != "Time Lord">> <<if $race != "Cupid">>
<label>Psychic:</label>
These Mentals are constantly flickering between multiple emotions at once. Though mental instability is a normal thing for Mental Power types, these Psychic Mentals take that to the extreme. This has given them the nickname psycho by other power types and even from other Mentals. Sometimes they don't care, sometimes they care so much it makes them enraged. That's the thing with Psychic Mentals, you never know what type of mood they'll be in. They don't know either. They are usually called crazy by the other power types, including other Mentals.
<<button "Psychic">><<set $hornType to "Psychic">><</button>>
<hr>
<</if>><</if>><<if $race is "Time Lord">>
<label>Time:</label>
These Mentals more often than not are angry, though they can just as easily be sad or happy at random, their neutral is being angry. Being able to see the future can be draining, especially if the future is almost always horrible. Thus, they are usually in a state of rage and are called hotheads by the other power types, including other Mentals. Even Water Elementals, who are also percieved as hotheads, call them that.
<<button "Time">><<set $hornType to "Time">><</button>>
<hr>
<</if>><<if $race != "Time Lord">>\
<label>Telepathic:</label>
These Mentals more often than not are sad, though they can just as easily be sad or happy at random, their neutral is being sad. Being able to read the minds of others can be draining, especially if everyone's mind you read is suffering. Thus, they are usually in a state of distress and are called crybabies by the other power types, including other Mentals. Even Earth Elementals, who are also percieved as crybabies, call them that.
<<button "Telepathic">><<set $hornType to "Telepathic">><</button>>
<hr>
<<button "Random Horn Type">>
<<set $hornType to ["Telepathic", "Psychic"][(random(0, 1))]>>
<<goto "Confirm3">>
<</button>>
<hr><</if>>
<<button "Confirm">><<goto "Confirm3">>
<</button>><<include "PersonalityTitle">>
<h1>Horn Types</h1><hr>
<label>Weapon:</label>
These Transformational types have mastered the art of wearing masks — not just one, but hundreds. They shift effortlessly from one persona to another, losing bits of themselves along the way. Deep down, they might not even remember who they really are — or if there ever was a "real" them to begin with. They are praised for their charisma and adaptability, but behind every smile is a question they never dare ask: “Who am I when I’m alone?”
<<button "Weapon">><<set $hornType to "Weapon">><</button>>
<hr>
<label>Persona:</label>
These Transformational types have mastered the art of wearing masks — not just one, but hundreds. They shift effortlessly from one persona to another, losing bits of themselves along the way. Deep down, they might not even remember who they really are — or if there ever was a "real" them to begin with. They are praised for their charisma and adaptability, but behind every smile is a question they never dare ask: “Who am I when I’m alone?”
<<button "Persona">><<set $hornType to "Persona">><</button>>
<hr>
<label>Shape Shift:</label>
These Transformational types don’t just change emotionally — their entire being feels fluid. They crave transformation, not to please others, but because staying the same terrifies them. They're often labeled unpredictable or untrustworthy, even by fellow Transformational types. What others see as instability, they see as freedom. But this constant change comes at a cost: stability feels like a cage, and identity becomes a blur.
<<button "Shape Shift">><<set $hornType to "Shape Shift">><</button>>
<hr>
<<button "Random Horn Type">>
<<set $hornType to ["Shape Shift", "Persona", "Weapon"][(random(0, 2))]>>
<<goto "Confirm3">>
<</button>>
<hr>
<<button "Confirm">><<goto "Confirm3">>
<</button>><<include "PersonalityTitle">>
Your Tōqen has <<print $player.wingType>> wings. Your Tōqen's power type is <<print $player.powerType>>, its horns are of the <<print $player.hornType>> type. It is has a big <<print $player.eyeColor>> coloured eye that stares at you.
<hr>
<<button "Confirm">><<goto "Confirm2">> <<set $ToqenComplete to true>>
<</button>><<set _roll = random(1, 3)>>\
<<include "PersonalityTitle">>
Are you sure you want <<print $player.Fname>> <<print $player.Mname>> <<print $player.Lname>>'s Tōqen to have <<print $player.wingType>> wings, <<print $player.powerType>> power type, and <<print $player.hornType>> horn type? (There is no changing after this)
<div style="display: flex; gap: 1em;">
<<button "Confirm">>
<!-- Assign visual labels -->
<<set $player.wingType to "<span class='wingtype'>" + $wingType + "</span>">>
<<set $player.powerType to "<span class='powertype'>" + $powerType + "</span>">>
<<set $player.hornType to "<span class='horntype'>" + $hornType + "</span>">>
<!-- Blood Bonuses -->
<<if $blood is "Black">>
<<set $player.charisma += 10>>
<<set $player.intellect += 5>>
<<set $player.adaptability += 4>>
<<set $player.willpower += 7>>
<<set $player.strength += 12>>
<</if>>
<<if $blood is "Red">>
<<set $player.charisma += 5>>
<<set $player.intellect += 10>>
<<set $player.adaptability += 7>>
<<set $player.willpower += 8>>
<<set $player.strength += 6>>
<</if>>
<!-- Race Bonuses -->
<<if $race is "Human">>
<<set $player.charisma += 5>>
<<set $player.intellect += 5>>
<<set $player.adaptability += 5>>
<<set $player.willpower += 5>>
<<set $player.strength += 5>>
<</if>>
<<if $race is "Dark Elf">>
<<set $player.charisma += 3>>
<<set $player.intellect += 8>>
<<set $player.adaptability += 6>>
<<set $player.willpower += 10>>
<<set $player.strength += 10>>
<</if>>
<<if $race is "Light Elf">>
<<set $player.charisma += 6>>
<<set $player.intellect += 6>>
<<set $player.adaptability += 7>>
<<set $player.willpower += 5>>
<<set $player.strength += 8>>
<</if>>
<<if $race is "Gray Elf">>
<<set $player.charisma += 4>>
<<set $player.intellect += 7>>
<<set $player.adaptability += 7>>
<<set $player.willpower += 7>>
<<set $player.strength += 9>>
<</if>>
<<if $race is "Dūvan">>
<<set $player.charisma += 6>>
<<set $player.intellect += 6>>
<<set $player.adaptability += 6>>
<<set $player.willpower += 7>>
<<set $player.strength += 8>>
<</if>>
<<if $race is "Aavan">>
<<set $player.charisma += 7>>
<<set $player.intellect += 5>>
<<set $player.adaptability += 8>>
<<set $player.willpower += 4>>
<<set $player.strength += 3>>
<</if>>
<<if $race is "Time Lord">>
<<set $player.charisma += 10>>
<<set $player.intellect += 15>>
<<set $player.adaptability += 5>>
<<set $player.willpower += 12>>
<<set $player.strength += 5>>
<</if>>
<<if $race is "Imp">>
<<set $player.charisma += 8>>
<<set $player.intellect += 5>>
<<set $player.adaptability += 6>>
<<set $player.willpower += 4>>
<<set $player.strength += 6>>
<</if>>
<<if $race is "Spiderling">>
<<set $player.charisma += 4>>
<<set $player.intellect += 7>>
<<set $player.adaptability += 9>>
<<set $player.willpower += 6>>
<<set $player.strength += 2>>
<</if>>
<<if $race is "Cupid">>
<<set $player.charisma += 9>>
<<set $player.intellect += 4>>
<<set $player.adaptability += 5>>
<<set $player.willpower += 6>>
<<set $player.strength += 4>>
<</if>>
<<if $race is "Banshee">>
<<set $player.charisma += 6>>
<<set $player.intellect += 10>>
<<set $player.adaptability += 5>>
<<set $player.willpower += 8>>
<<set $player.strength += 7>>
<</if>>
<<if $race is "Moosekin">>
<<set $player.charisma += 4>>
<<set $player.intellect += 6>>
<<set $player.adaptability += 7>>
<<set $player.willpower += 5>>
<<set $player.strength += 10>>
<</if>>
<<if $race is "Ramkin">>
<<set $player.charisma += 3>>
<<set $player.intellect += 6>>
<<set $player.adaptability += 8>>
<<set $player.willpower += 7>>
<<set $player.strength += 9>>
<</if>>
<<if $race is "Ratkin">>
<<set $player.charisma += 7>>
<<set $player.intellect += 5>>
<<set $player.adaptability += 6>>
<<set $player.willpower += 4>>
<<set $player.strength += 4>>
<</if>>
<!-- Wing Type Bonuses -->
<<if $wingType is "Top">>
<<set $player.charisma += 5>>
<<set $player.adaptability += 3>>
<<elseif $wingType is "Bottom">>
<<set $player.intellect += 4>>
<<set $player.willpower += 4>>
<<elseif $wingType is "Multi">>
<<set $player.charisma += 3>>
<<set $player.intellect += 3>>
<<set $player.adaptability += 4>>
<</if>>
<!-- Power Type Bonuses -->
<<if $powerType is "Elemental">>
<<set $player.intellect += 6>>
<<set $player.willpower += 3>>
<<elseif $powerType is "Transformational">>
<<set $player.adaptability += 6>>
<<set $player.charisma += 3>>
<<elseif $powerType is "Mental">>
<<set $player.intellect += 5>>
<<set $player.charisma += 5>>
<</if>>
<!-- Horn Type Bonuses -->
<<if $hornType is "Weapon">>
<<set $player.adaptability += 5>>
<<set $player.strength += 5>>
<<set _abilities to ["Blade Manifest", "Gun Manifest", "Adaptive Arsenal"]>>
<<elseif $hornType is "Persona">>
<<set $player.adaptability += 5>>
<<set $player.intellect += 5>>
<<set _abilities to ["Mimicry", "Charmer’s Veil", "Echo Persona"]>>
<<elseif $hornType is "Shape Shift">>
<<set $player.adaptability += 7>>
<<set $player.willpower += 3>>
<<set _abilities to ["Beastform", "Phase Flesh", "Chimera Limb"]>>
<<elseif $hornType is "Psychic">>
<<set $player.intellect += 7>>
<<set _abilities to ["Rage Burst", "Psy Warp", "Emotion Bomb"]>>
<<elseif $hornType is "Time">>
<<set $player.intellect += 5>>
<<set $player.willpower += 5>>
<<set _abilities to ["Future Sight", "Time Slow", "Chrono Rewind"]>>
<<elseif $hornType is "Telepathic">>
<<set $player.intellect += 5>>
<<set $player.willpower += 3>>
<<set _abilities to ["Mind Spike", "Empath Drain", "Thought Echo"]>>
<<elseif $hornType is "Earth">>
<<set $player.willpower += 7>>
<<set $player.intellect += 3>>
<<set _abilities to ["Stone Spikes", "Vine Dance", "Air Slash"]>>
<<elseif $hornType is "Water">>
<<set $player.willpower += 7>>
<<set $player.charisma += 3>>
<<set _abilities to ["Water Whip", "Mist Cloak", "Blood Control"]>>
<<elseif $hornType is "Fire">>
<<set $player.willpower += 5>>
<<set $player.strength += 5>>
<<set _abilities to ["Flame Surge", "Magma Skin", "Lightning Lash"]>>
<</if>>
<<set $player.ability to _abilities.random()>>
<<set $charactercomplete to true>>
<<goto "Finally">>
<</button>>
<<button "Restart">><<goto "ToqenChoice1">> <<set $ToqenComplete to false>><</button>>
</div><<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="2000" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="150" max="220" value="190" step="0.1" class="slider">
<span id="heightslideval">190</span> cm
Height: <span id="heighttext">Average Height</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="85" max="320" value="85" step="0.1" class="slider">
<span id="weightslideval">85</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="900" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span><</if>><<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="550" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="25.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>><<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="40.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>>
<label>Tail Length</label>
<label>Adjust the value: </label>
<input type="range" id="tailLengthslider" min="45.72" max="105.44" value="45.72" step="0.01" class="slider">
<span id="tailLengthslideval">45.72</span> cm
Your tail is <span id="tailLengthText">Short</span>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="400" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Dirty Blonde">> Dirty Blonde
<<radiobutton "$hairColor" "Blonde">> Blonde
<<radiobutton "$hairColor" "Butter Blonde">> Butter Blonde
<<radiobutton "$hairColor" "Ash Blonde">> Ash Blonde
<<radiobutton "$hairColor" "Platinum Blonde">> Platinum Blonde
<<radiobutton "$hairColor" "Blonde Gray">> Blonde Gray
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Gold">> Gold
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Ivory">> Ivory
<<radiobutton "$skinColor" "Alabaster White">> Alabaster White
<<radiobutton "$skinColor" "Pale">> Pale
<<radiobutton "$skinColor" "Fair">> Fair
<<radiobutton "$skinColor" "Light Beige">> Light Beige
<<radiobutton "$skinColor" "Beige">> Beige
<<radiobutton "$skinColor" "Dark Beige">> Dark Beige
<<radiobutton "$skinColor" "Olive">> Olive
<<radiobutton "$skinColor" "Light Tan">> Light Tan
<<radiobutton "$skinColor" "Tan">> Tan
<<radiobutton "$skinColor" "Deep Tan">> Deep Tan
<<radiobutton "$skinColor" "Caramel">> Caramel
<<radiobutton "$skinColor" "Bronze">> Bronze</div></div>\
<<button "Randomize Colors">>
<<set $hairColor to ["Dirty Blonde", "Blonde", "Ash Blonde", "Butter Blonde", "Platinum Blonde", "Blonde Gray"][(random(0, 6))]>>
<<set $eyeColor to "Gold">>
<<set $skinColor to ["Albino", "Ivory", "Alabaster White", "Pale", "Fair", "Light Beige", "Beige", "Dark Beige", "Olive", "Light Tan", "Tan", "Deep Tan", "Caramel", "Bronze"][(random(0, 13))]>>
<<goto "CharacterCreatorTimeLord2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorTimeLord2">><</button>><<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorTimeLord">>
<</button>>
<</if>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Mental:</label>
This power type personality-wise is very similar to Elemental power types but while Elementals keep their hyperactive emotions hidden, Mental types wear their hearts on their sleeves. Depending on thier inner most nature, this might place a target on their backs or give them an advantage in strength. Like their power type suggests, Mental types are seen as crazy people who should be interacted with caution regardless of their inner most nature.
<<button "Mental">><<set $powerType to "Mental">><</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<set $darkElfFnames to ["Despair", "Sadness", "Melancholy", "Redeem", "Remorse", "Grief", "Gloom", "Sorrow", "Anguish", "Tear", "Trauma", "Torment", "Revenge", "Hate", "Cower", "Forsaken", "Woe", "Desolate", "Doom", "Vengeance", "Bane", "Dismay", "Blight", "Decay", "Misery", "Grief", "Vile", "Cursed", "Betrayal", "Hollow", "Suffer", "Ruin", "Wretched", "Scorn", "Vengeance", "Abyss", "Rage", "Doomed", "Perish", "Blight", "Rot", "Shattered", "Unrest", "Despair", "Cursed", "Vile", "Sear", "Wrath"]>>
<<set $darkElfLnames to ["Artislaude", "Duskislaude", "Nightislaude", "Blackislaude", "Moonislaude", "Ironislaude", "Ravenislaude", "Stormislaude", "Voidislaude", "Ringislaude", "Dordislaude", "Duskislaude", "Darkislaude", "Shadowislaude", "Nightislaude", "Grimislaude", "Soulislaude", "Ashenislaude", "Bloodislaude", "Deathislaude", "Frostislaude", "Wraithislaude", "Erebislaude", "Sableislaude", "Cindrislaude", "Sorrowislaude", "Nightshadeislaude", "Gravitislaude", "Voidweaverislaude", "Ruinislaude", "Dreadislaude", "Cimmerianislaude", "Soulforgeislaude", "Stygislaude", "Bloodbaneislaude", "Thornislaude", "Harrowislaude", "Furyislaude", "Vespiraislaude", "Forsakendislaude", "Ashislaude", "Shadeislaude"]>>
<<set $timeLordFnames to ["Whisker", "Paws", "Claw", "Mittens", "Furball", "Socks", "Tabby", "Meow", "Kitty", "Fluffy", "Shadow", "Tiger", "Luna", "Smokey", "Cinder", "Tux", "Snickers", "Pumpkin", "Sable", "Boots", "Stripes", "Jinx", "Mochi", "Cleo", "Salem", "Pounce", "Whiskers", "Puddy", "Chester", "Nala", "Zara", "Dusty", "Mau", "Toby", "Misty", "Leo", "Fuzz", "Catnip", "Purr", "Sasha", "Ember", "Fuzzball", "Mauve", "Kiki", "Vixen", "Flare"]>>
<<set $timeLordLnames to ["Hohenberg", "Schneider", "Kraft", "Bauer", "Grimm", "Fischer", "Kaiser", "Müller", "Schmidt", "Weber", "König", "Richter", "Schwarz", "Weiss", "Keller", "Langer", "Schuster", "Neumann", "Pohl", "Brandt", "Fuchs", "Wolf", "Vogel", "Jäger", "Schröder", "Hartmann", "Schubert", "Berger", "Hoffmann", "Becker", "Löwe", "Schultz", "Ziegler", "Bach", "Graf", "Zimmermann", "Reichert", "Zimmer"]>>
<<set $lightElfFnames to ["Mirthful", "Joy", "Honesty", "Triumph", "Bliss", "Hope", "Faith", "Radiance", "Euphoria", "Delight", "Serenity", "Fortune", "Valor", "Cherish", "Grace", "Harmony", "Glory", "Vigor", "Noble", "Brilliance", "Jubilee", "Kindness", "Solace", "Brightness", "Kindness", "Joyous", "Gleam", "Blissful", "Amity", "Radiant", "Luminous", "Felicity", "Vibrance", "Content", "Hopeful", "Benevolence", "Zeal", "Elation", "Exuberance", "Gratitude", "Awe", "Splendor", "Reverence", "Tenderness", "Affection", "Enlighten", "Peace", "Charm", "Harmonia"]>>
<<set $lightElfLnames to ["Draudismere", "Solismere", "Luminismere", "Eirismere", "Thalismere", "Virismere", "Felismere", "Mornismere", "Celestismere", "Stellismere", "Aetherismere", "Viritismere", "Skylismere", "Eosismere", "Solsticeismere", "Dawnismere", "Sunismere", "Ardismere", "Brightismere", "Radiantismere", "Glowismere", "Flameismere", "Aurismere", "Lumosismere", "Solunismere", "Icarismere", "Starismere", "Lumarisismere", "Eirismere", "Solanismere", "Erenismere", "Dawnarisismere", "Aurorismere", "Verdanismer", "Florismere", "Luminaxismere", "Altherismere", "Luxismere", "Dawnflareismere", "Celestalismer", "Solarianismere", "Aethalismere", "Celestrismere"]>>
<<set $aavanFnames to ["Ruby", "Emerald", "Diamond", "Sapphire", "Amethyst", "Opal", "Topaz", "Jade", "Onyx", "Quartz", "Garnet", "Peridot", "Citrine", "Aquamarine", "Tourmaline", "Sunstone", "Moonstone", "Zircon", "Tanzanite", "Spinel", "Morganite", "Amber", "Lapis", "Turquoise", "Pearl", "Alexandrite", "Beryl", "Topaz", "Jadeite", "Iolite", "Morganite", "Kunzite", "Agate", "Carnelian", "Chrysoprase", "Zoisite", "Fluorite", "Tanzanite", "Labradorite", "Sunstone", "Zirconia", "Malachite"]>>
<<set $aavanLnames to ["Kofi", "Zuri", "Nia", "Kwame", "Asha", "Jamal", "Sade", "Tariq", "Ife", "Zola", "Amari", "Kwaku", "Kesi", "Zuri", "Tariq", "Binta", "Mosi", "Nia", "Jabari", "Aminata", "Oluwaseun", "Bassey", "Ademola", "Adebayo", "Akin", "Durojaiye", "Seyifunmi", "Olumide", "Ayotunde", "Oluwadare", "Tade", "Adebanjo", "Ige", "Ayanfe", "Ogunleye", "Adefolalu", "Abiola", "Fola", "Oluwatoyin", "Ireti"]>>
<<set $combinedFnames to ["John", "Sarah", "Michael", "Emily", "David", "Anna", "William", "Sophia", "James", "Isabella", "Alice", "Bob", "Charlie", "Diana", "Ethan", "Fiona", "Grace", "Henry", "Isla", "Jack", "Olivia", "Liam", "Lucas", "Mia", "Benjamin", "Charlotte", "Harper", "Amelia", "Elijah", "Zoey", "Caden", "Hannah", "Aidan", "Lily", "Zachary", "Ava", "Oliver", "Sophia", "Isabelle", "Ella", "Daniel", "Lucas", "Max", "Charlotte", "Leo", "Penelope", "Jack", "Olivia", "Sebastian", "Mila", "Amos", "Zoe"]>>
<<set $combinedLnames to ["Smith", "Johnson", "Brown", "Taylor", "Wilson", "Anderson", "Moore", "Davis", "Martin", "Thompson", "Miller", "Lee", "Garcia", "Martinez", "Rodriguez", "Harris", "Young", "King", "Scott", "Adams", "Clark", "Walker", "Allen", "Wright", "Carter", "Baker", "Morris", "Evans", "Nelson", "Bennett", "Campbell", "Hayes", "Fletcher", "Parker", "Kemp", "Graham", "Harrison", "Reed", "Manning", "O'Brien", "Curtis", "Bryant", "Gibson", "Hodge", "Sullivan", "Jefferson", "Barker", "Dixon", "Kingston"]>>
<<set $grayElfFnames to ["Despair", "Sadness", "Melancholy", "Redeem", "Remorse", "Grief", "Gloom", "Sorrow", "Anguish", "Tear", "Trauma", "Torment", "Revenge", "Hate", "Cower", "Forsaken", "Woe", "Desolate", "Doom", "Vengeance", "Bane", "Dismay", "Blight", "Decay", "Misery", "Grief", "Vile", "Cursed", "Betrayal", "Hollow", "Suffer", "Ruin", "Wretched", "Scorn", "Vengeance", "Abyss", "Rage", "Doomed", "Perish", "Blight", "Rot", "Shattered", "Unrest", "Despair", "Cursed", "Vile", "Sear", "Wrath", "Mirthful", "Joy", "Honesty", "Triumph", "Bliss", "Hope", "Faith", "Radiance", "Euphoria", "Delight", "Serenity", "Fortune", "Valor", "Cherish", "Grace", "Harmony", "Glory", "Vigor", "Noble", "Brilliance", "Jubilee", "Kindness", "Solace", "Brightness", "Kindness", "Joyous", "Gleam", "Blissful", "Amity", "Radiant", "Luminous", "Felicity", "Vibrance", "Content", "Hopeful", "Benevolence", "Zeal", "Elation", "Exuberance", "Gratitude", "Awe", "Splendor", "Reverence", "Tenderness", "Affection", "Enlighten", "Peace", "Charm", "Harmonia"]>>
<<set $grayElfLnames to ["Artislaude", "Duskislaude", "Nightislaude", "Blackislaude", "Moonislaude", "Ironislaude", "Ravenislaude", "Stormislaude", "Voidislaude", "Ringislaude", "Dordislaude", "Duskislaude", "Darkislaude", "Shadowislaude", "Nightislaude", "Grimislaude", "Soulislaude", "Ashenislaude", "Bloodislaude", "Deathislaude", "Frostislaude", "Wraithislaude", "Erebislaude", "Sableislaude", "Cindrislaude", "Sorrowislaude", "Nightshadeislaude", "Gravitislaude", "Voidweaverislaude", "Ruinislaude", "Dreadislaude", "Cimmerianislaude", "Soulforgeislaude", "Stygislaude", "Bloodbaneislaude", "Thornislaude", "Harrowislaude", "Furyislaude", "Vespiraislaude", "Forsakendislaude", "Ashislaude", "Shadeislaude", "Draudismere", "Solismere", "Luminismere", "Eirismere", "Thalismere", "Virismere", "Felismere", "Mornismere", "Celestismere", "Stellismere", "Aetherismere", "Viritismere", "Skylismere", "Eosismere", "Solsticeismere", "Dawnismere", "Sunismere", "Ardismere", "Brightismere", "Radiantismere", "Glowismere", "Flameismere", "Aurismere", "Lumosismere", "Solunismere", "Icarismere", "Starismere", "Lumarisismere", "Eirismere", "Solanismere", "Erenismere", "Dawnarisismere", "Aurorismere", "Verdanismer", "Florismere", "Luminaxismere", "Altherismere", "Luxismere", "Dawnflareismere", "Celestalismer", "Solarianismere", "Aethalismere", "Celestrismere"]>>
<<set $impFnames to ["Flicker", "Brimstone", "Blaze", "Scorch", "Smolder", "Spark", "Flare", "Ash", "Raze", "Blister", "Sear", "Char", "Ember", "Fume", "Cinder", "Frost", "Shiver", "Cindar", "Scathe", "Flick", "Zar"]>>
<<set $impLnames to ["Infernos", "Flameburn", "Darkflame", "Scorched", "Ashstone", "Hellshard", "Firebrand", "Firespire", "Cindersoul", "Burnsoul", "Smolderstone", "Frostflame", "Searinghorn", "Charblade", "Emberstone", "Scorchedveil", "Burntbone"]>>
<<set $bansheeFnames to ["Wail", "Shade", "Ghost", "Echo", "Mourne", "Scream", "Whisper", "Lament", "Grieve", "Hollow", "Sorrow", "Lamenta", "Fate", "Veil", "Ravena", "Dread", "Vespera", "Nocturne", "Cree", "Tear", "Wisp"]>>
<<set $bansheeLnames to ["Nightshade", "Gravewhisper", "Skullwind", "Frostveil", "Howlstone", "Shadeweaver", "Tombbringer", "Grimveil", "Gloomshroud", "Dreadmist", "Deathveil", "Wraithsinger", "Sorrowveil", "Ghostwhisper", "Mournshade"]>>
<<set $cupidFnames to ["Arrow", "Cherish", "Love", "Valentine", "Adore", "Heart", "Flame", "Sweet", "Desire", "Lust", "Fling", "Seraph", "Cupidon", "Kiss", "Adoration", "Romance", "Embrace", "Bliss", "Affection", "Tearose", "Lovely"]>>
<<set $cupidLnames to ["Cupid"]>>
<<set $spiderlingFnames to ["Web", "Silk", "Venom", "Creeper", "Shade", "Twist", "Fang", "Gloom", "Creeper", "Claw", "Tangle", "Tear", "Vine", "Silkweb", "Shadow", "Spindle", "Flicker", "Twitch", "Crawl", "Dread", "Pounce"]>>
<<set $spiderlingLnames to ["Webspinner", "Vineclaw", "Venomtail", "Spindleshadow", "Fangweaver", "Silkwhisper", "Shadowweaver", "Creepdust", "Gloomspindle", "Frostweb", "Nightfang", "Clawspinner"]>>
<<set $sharedFnames to ["Thorn", "Talon", "Alder", "Bran", "Grim", "Fang", "Skorn", "Drake", "Morn", "Hawk", "Grom", "Brack", "Torr", "Garth", "Loren", "Drek", "Bork", "Roar", "Halt", "Grig", "Kragg", "Rulf", "Vargh", "Scritch", "Whisker", "Scratch", "Nibble", "Scurry", "Furr", "Rustle", "Squeak", "Gnaw", "Claws", "Fuzz", "Chatter", "Paw", "Dart", "Skitter", "Nibbles", "Whiskers", "Scurr"]>>
<<set $sharedLnames to ["Stoneheart", "Thunderhoof", "Ironstag", "Hawkeye", "Bearclaw", "Mossback", "Briarwood", "Gorehorn", "Ironpelt", "Brutebane", "Grimfur", "Snowpaw", "Dunewalker", "Stormtusk", "Wildhorn", "Grimhoof", "Stonefang", "Clawguard", "Tuskroot", "Coldwind", "Stonefist", "Ironclad", "Stormsoul", "Dreadhammer", "Rockgrip", "Gravelshield", "Havocclash", "Cragbreaker", "Granitebane", "Fistgrip", "Stonereaver", "Tuskstrike"]>>
<<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="100" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="90" max="150" value="90" step="0.1" class="slider">
<span id="heightslideval">90</span> cm
Height: <span id="heighttext">Short</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="80" max="180" value="80" step="0.1" class="slider">
<span id="weightslideval">80</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="400" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span><</if>><<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="250" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="10.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>><<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="15.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>>
<label>Tail Length</label>
<label>Adjust the value: </label>
<input type="range" id="tailLengthslider" min="45.72" max="105.44" value="45.72" step="0.01" class="slider">
<span id="tailLengthslideval">45.72</span> cm
Your tail is <span id="tailLengthText">Short</span>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="400" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Muted Green">> Muted Green
<<radiobutton "$hairColor" "Olive Green">> Olive Green
<<radiobutton "$hairColor" "Moss Green">> Moss Green
<<radiobutton "$hairColor" "Muted Yellow">> Muted Yellow
<<radiobutton "$hairColor" "Mustard Yellow">> Mustard Yellow
<<radiobutton "$hairColor" "Golden Yellow">> Golden Yellow
<<radiobutton "$hairColor" "Pale Yellow">> Pale Yellow
<<radiobutton "$hairColor" "White">> White
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Black">> Black
<<radiobutton "$eyeColor" "Dark Brown">> Dark Brown
<<radiobutton "$eyeColor" "Light Brown">> Light Brown
<<radiobutton "$eyeColor" "Hazel">> Hazel
<<radiobutton "$eyeColor" "Brown">> Brown
<<radiobutton "$eyeColor" "Golden Brown">> Golden Brown
<<radiobutton "$eyeColor" "Gold">> Gold
<<radiobutton "$eyeColor" "Light Green">> Light Green
<<radiobutton "$eyeColor" "Green">> Green
<<radiobutton "$eyeColor" "Dark Green">> Dark Green
<<radiobutton "$eyeColor" "Blue">> Blue
<<radiobutton "$eyeColor" "Light Blue">> Light Blue
<<radiobutton "$eyeColor" "Gray-Blue">> Gray-Blue
<<radiobutton "$eyeColor" "Gray">> Gray
<<radiobutton "$eyeColor" "Dark Blue">> Dark Blue
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Light Beige">> Light Beige
<<radiobutton "$skinColor" "Beige">> Beige
<<radiobutton "$skinColor" "Dark Beige">> Dark Beige
<<radiobutton "$skinColor" "Olive">> Olive
<<radiobutton "$skinColor" "Light Tan">> Light Tan
<<radiobutton "$skinColor" "Tan">> Tan
<<radiobutton "$skinColor" "Deep Tan">> Deep Tan
<<radiobutton "$skinColor" "Caramel">> Caramel
<<radiobutton "$skinColor" "Bronze">> Bronze
<<radiobutton "$skinColor" "Light Brown">> Light Brown
<<radiobutton "$skinColor" "Golden Brown">> Golden Brown
<<radiobutton "$skinColor" "Brown">> Brown
<<radiobutton "$skinColor" "Dark Brown">> Dark Brown
<<radiobutton "$skinColor" "Deep Brown">> Deep Brown
<<radiobutton "$skinColor" "Ebony">> Ebony
<<radiobutton "$skinColor" "Deep Ebony">> Deep Ebony
<<radiobutton "$skinColor" "Pure Ebony">> Pure Ebony </div></div>\
<<button "Randomize Colors">>
<<set $hairColor to ["Muted Green", "Olive Green", "Moss Green", "Muted Yellow", "Mustard Yellow", "Golden Yellow", "Pale Yellow", "Black", "Dark Brown", "Light Brown", "Sandy Brown", "Brown", "Dirty Blonde", "Blonde", "Ash Blonde", "Platinum Blonde", "Blonde Gray", "Dark Gray", "Gray", "Light Gray", "White"][(random(0, 20))]>>
<<set $eyeColor to ["Black", "Dark Brown", "Light Brown", "Hazel", "Brown", "Golden Brown", "Gold", "Light Green", "Green", "Dark Green", "Blue", "Light Blue", "Gray-Blue", "Gray", "Dark Blue"][(random(0, 14))]>>
<<set $skinColor to ["Albino", "Light Beige", "Beige", "Dark Beige", "Olive", "Light Tan", "Tan", "Deep Tan", "Caramel", "Bronze", "Light Brown", "Golden Brown", "Brown", "Dark Brown", "Deep Brown", "Ebony", "Deep Ebony", "Pure Ebony"][(random(0, 17))]>>
<<goto "CharacterCreatorRatKin2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorRatKin2">><</button>><<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="100" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="90" max="150" value="90" step="0.1" class="slider">
<span id="heightslideval">90</span> cm
Height: <span id="heighttext">Short</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="90" max="280" value="90" step="0.1" class="slider">
<span id="weightslideval">90</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="400" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Horns</label>
<label>Adjust the value: </label>
<input type="range" id="hornLengthslider" min="25.8" max="95.32" value="25.8" step="0.01" class="slider">
<span id="hornLengthslideval">25.8</span> cm
Your horns are <span id="hornLengthText">Tiny</span><</if>><<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="250" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="10.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span>
<label>Horns</label>
<label>Adjust the value: </label>
<input type="range" id="hornLengthslider" min="35.8" max="115.32" value="35.8" step="0.01" class="slider">
<span id="hornLengthslideval">35.8</span> cm
Your horns are <span id="hornLengthText">Tiny</span><</if>><<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="15.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span>
<label>Horns</label>
<label>Adjust the value: </label>
<input type="range" id="hornLengthslider" min="45.8" max="127.43" value="45.8" step="0.01" class="slider">
<span id="hornLengthslideval">45.8</span> cm
Your horns are <span id="hornLengthText">Tiny</span><</if>>
<label>Tail Length</label>
<label>Adjust the value: </label>
<input type="range" id="tailLengthslider" min="13" max="17" value="13" step="0.01" class="slider">
<span id="tailLengthslideval">13</span> cm
Your tail is <span id="tailLengthText">Short</span>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="400" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Muted Green">> Muted Green
<<radiobutton "$hairColor" "Olive Green">> Olive Green
<<radiobutton "$hairColor" "Moss Green">> Moss Green
<<radiobutton "$hairColor" "Muted Yellow">> Muted Yellow
<<radiobutton "$hairColor" "Mustard Yellow">> Mustard Yellow
<<radiobutton "$hairColor" "Golden Yellow">> Golden Yellow
<<radiobutton "$hairColor" "Pale Yellow">> Pale Yellow
<<radiobutton "$hairColor" "Light Blonde">> Light Blonde
<<radiobutton "$hairColor" "Dirty Blonde">> Dirty Blonde
<<radiobutton "$hairColor" "Blonde">> Blonde
<<radiobutton "$hairColor" "Ash Blonde">> Ash Blonde
<<radiobutton "$hairColor" "Platinum Blonde">> Platinum Blonde
<<radiobutton "$hairColor" "Blonde Gray">> Blonde Gray
<<radiobutton "$hairColor" "Dark Gray">> Dark Gray
<<radiobutton "$hairColor" "Gray">> Gray
<<radiobutton "$hairColor" "Light Gray">> Light Gray
<<radiobutton "$hairColor" "White">> White
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Black">> Black
<<radiobutton "$eyeColor" "Dark Brown">> Dark Brown
<<radiobutton "$eyeColor" "Light Brown">> Light Brown
<<radiobutton "$eyeColor" "Hazel">> Hazel
<<radiobutton "$eyeColor" "Brown">> Brown
<<radiobutton "$eyeColor" "Golden Brown">> Golden Brown
<<radiobutton "$eyeColor" "Gold">> Gold
<<radiobutton "$eyeColor" "Light Green">> Light Green
<<radiobutton "$eyeColor" "Green">> Green
<<radiobutton "$eyeColor" "Dark Green">> Dark Green
<<radiobutton "$eyeColor" "Blue">> Blue
<<radiobutton "$eyeColor" "Light Blue">> Light Blue
<<radiobutton "$eyeColor" "Gray-Blue">> Gray-Blue
<<radiobutton "$eyeColor" "Gray">> Gray
<<radiobutton "$eyeColor" "Dark Blue">> Dark Blue
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Ivory">> Ivory
<<radiobutton "$skinColor" "Alabaster White">> Alabaster White
<<radiobutton "$skinColor" "Pale">> Pale
<<radiobutton "$skinColor" "Fair">> Fair
<<radiobutton "$skinColor" "Light Beige">> Light Beige
<<radiobutton "$skinColor" "Beige">> Beige
<<radiobutton "$skinColor" "Dark Beige">> Dark Beige
<<radiobutton "$skinColor" "Olive">> Olive
<<radiobutton "$skinColor" "Light Tan">> Light Tan
<<radiobutton "$skinColor" "Tan">> Tan
<<radiobutton "$skinColor" "Deep Tan">> Deep Tan
<<radiobutton "$skinColor" "Caramel">> Caramel
<<radiobutton "$skinColor" "Bronze">> Bronze</div></div>\
<<button "Randomize Colors">>
<<set $hairColor to ["Muted Green", "Olive Green", "Moss Green", "Muted Yellow", "Mustard Yellow", "Golden Yellow", "Pale Yellow", "Light Blonde", "Dirty Blonde", "Blonde", "Ash Blonde", "Platinum Blonde", "Blonde Gray", "Dark Gray", "Gray", "Light Gray", "White"][(random(0, 16))]>>
<<set $eyeColor to ["Black", "Dark Brown", "Light Brown", "Hazel", "Brown", "Golden Brown", "Gold", "Light Green", "Green", "Dark Green", "Blue", "Light Blue", "Gray-Blue", "Gray", "Dark Blue"][(random(0, 13))]>>
<<set $skinColor to ["Albino", "Ivory", "Alabaster White", "Pale", "Fair", "Light Beige", "Beige", "Dark Beige", "Olive", "Light Tan", "Tan", "Deep Tan", "Caramel", "Bronze"][(random(0, 13))]>>
<<goto "CharacterCreatorRamKin2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorRamKin2">><</button>><<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="100" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="100" max="280" value="100" step="0.1" class="slider">
<span id="heightslideval">100</span> cm
Height: <span id="heighttext">Short</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="90" max="280" value="90" step="0.1" class="slider">
<span id="weightslideval">90</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="400" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span><</if>>\
\
<<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="250" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="10.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span>
<label>Horns</label>
<label>Adjust the value: </label>
<input type="range" id="hornLengthslider" min="75.8" max="145.32" value="75.8" step="0.01" class="slider">
<span id="hornLengthslideval">75.8</span> cm
Your horns are <span id="hornLengthText">Tiny</span><</if>>\
<<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="15.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span>
<label>Horns</label>
<label>Adjust the value: </label>
<input type="range" id="hornLengthslider" min="95.8" max="213.43" value="95.8" step="0.01" class="slider">
<span id="hornLengthslideval">95.8</span> cm
Your horns are <span id="hornLengthText">Tiny</span><</if>>
<label>Tail Length</label>
<label>Adjust the value: </label>
<input type="range" id="tailLengthslider" min="5" max="12" value="5" step="0.01" class="slider">
<span id="tailLengthslideval">5</span> cm
Your tail is <span id="tailLengthText">Short</span>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="600" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Muted Green">> Muted Green
<<radiobutton "$hairColor" "Olive Green">> Olive Green
<<radiobutton "$hairColor" "Moss Green">> Moss Green
<<radiobutton "$hairColor" "Muted Yellow">> Muted Yellow
<<radiobutton "$hairColor" "Mustard Yellow">> Mustard Yellow
<<radiobutton "$hairColor" "Golden Yellow">> Golden Yellow
<<radiobutton "$hairColor" "Pale Yellow">> Pale Yellow
<<radiobutton "$hairColor" "Light Blonde">> Light Blonde
<<radiobutton "$hairColor" "Dirty Blonde">> Dirty Blonde
<<radiobutton "$hairColor" "Blonde">> Blonde
<<radiobutton "$hairColor" "Ash Blonde">> Ash Blonde
<<radiobutton "$hairColor" "Platinum Blonde">> Platinum Blonde
<<radiobutton "$hairColor" "Blonde Gray">> Blonde Gray
<<radiobutton "$hairColor" "Dark Gray">> Dark Gray
<<radiobutton "$hairColor" "Gray">> Gray
<<radiobutton "$hairColor" "Light Gray">> Light Gray
<<radiobutton "$hairColor" "White">> White
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Black">> Black
<<radiobutton "$eyeColor" "Dark Brown">> Dark Brown
<<radiobutton "$eyeColor" "Light Brown">> Light Brown
<<radiobutton "$eyeColor" "Hazel">> Hazel
<<radiobutton "$eyeColor" "Brown">> Brown
<<radiobutton "$eyeColor" "Golden Brown">> Golden Brown
<<radiobutton "$eyeColor" "Gold">> Gold
<<radiobutton "$eyeColor" "Light Green">> Light Green
<<radiobutton "$eyeColor" "Green">> Green
<<radiobutton "$eyeColor" "Dark Green">> Dark Green
<<radiobutton "$eyeColor" "Blue">> Blue
<<radiobutton "$eyeColor" "Light Blue">> Light Blue
<<radiobutton "$eyeColor" "Gray-Blue">> Gray-Blue
<<radiobutton "$eyeColor" "Gray">> Gray
<<radiobutton "$eyeColor" "Dark Blue">> Dark Blue
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Ivory">> Ivory
<<radiobutton "$skinColor" "Alabaster White">> Alabaster White
<<radiobutton "$skinColor" "Pale">> Pale
<<radiobutton "$skinColor" "Fair">> Fair
<<radiobutton "$skinColor" "Light Beige">> Light Beige
<<radiobutton "$skinColor" "Beige">> Beige
<<radiobutton "$skinColor" "Dark Beige">> Dark Beige
<<radiobutton "$skinColor" "Olive">> Olive
<<radiobutton "$skinColor" "Light Tan">> Light Tan
<<radiobutton "$skinColor" "Tan">> Tan
<<radiobutton "$skinColor" "Deep Tan">> Deep Tan
<<radiobutton "$skinColor" "Caramel">> Caramel
<<radiobutton "$skinColor" "Bronze">> Bronze</div></div>\
<<button "Randomize Colors">>
<<set $hairColor to ["Muted Green", "Olive Green", "Moss Green", "Muted Yellow", "Mustard Yellow", "Golden Yellow", "Pale Yellow", "Light Blonde", "Dirty Blonde", "Blonde", "Ash Blonde", "Platinum Blonde", "Blonde Gray", "Dark Gray", "Gray", "Light Gray", "White"][(random(0, 16))]>>
<<set $eyeColor to ["Black", "Dark Brown", "Light Brown", "Hazel", "Brown", "Golden Brown", "Gold", "Light Green", "Green", "Dark Green", "Blue", "Light Blue", "Gray-Blue", "Gray", "Dark Blue"][(random(0, 13))]>>
<<set $skinColor to ["Albino", "Ivory", "Alabaster White", "Pale", "Fair", "Light Beige", "Beige", "Dark Beige", "Olive", "Light Tan", "Tan", "Deep Tan", "Caramel", "Bronze"][(random(0, 13))]>>
<<goto "CharacterCreatorMooseKin2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorMooseKin2">><</button>><<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="2000" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="90" max="150" value="90" step="0.1" class="slider">
<span id="heightslideval">90</span> cm
Height: <span id="heighttext">Short</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="75" max="150" value="80" step="0.1" class="slider">
<span id="weightslideval">80</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="250" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span><</if>><<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="150" value="95" step="0.1" class="slider">
<span id="breastslideval">95</span> ccs
Cup Size: <span id="cupsize">AA</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="10.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>><<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="15.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>>
<label>Tail Length</label>
<label>Adjust the value: </label>
<input type="range" id="tailLengthslider" min="56.72" max="125.44" value="56.72" step="0.01" class="slider">
<span id="tailLengthslideval">56.72</span> cm
Your tail is <span id="tailLengthText">Short</span>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="750" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Dark Scarlet">> Dark Scarlet
<<radiobutton "$hairColor" "Crimson Red">> Crimson Red
<<radiobutton "$hairColor" "Ruby Red">> Ruby Red
<<radiobutton "$hairColor" "Burgundy">> Burgundy
<<radiobutton "$hairColor" "Rosewood">> Rosewood
<<radiobutton "$hairColor" "Raspberry Red">> Raspberry Red
<<radiobutton "$hairColor" "Deep Rose">> Deep Rose
<<radiobutton "$hairColor" "Blush Pink">> Blush Pink
<<radiobutton "$hairColor" "Peach Blush">> Peach Blush
<<radiobutton "$hairColor" "Lavender Blush">> Lavender Blush
<<radiobutton "$hairColor" "White">> White
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Powder Pink">> Powder Pink
<<radiobutton "$eyeColor" "Rose Quartz">> Rose Quartz
<<radiobutton "$eyeColor" "Champagne Pink">> Champagne Pink
<<radiobutton "$eyeColor" "Pale Rose">> Pale Rose
<<radiobutton "$eyeColor" "Light Salmon">> Light Salmon
<<radiobutton "$eyeColor" "Coral">> Coral
<<radiobutton "$eyeColor" "Salmon">> Salmon
<<radiobutton "$eyeColor" "Rose">> Rose
<<radiobutton "$eyeColor" "Pink">> Pink
<<radiobutton "$eyeColor" "Fuchsia">> Fuchsia
<<radiobutton "$eyeColor" "Carmine">> Carmine
<<radiobutton "$eyeColor" "Cherry">> Cherry
<<radiobutton "$eyeColor" "Red">> Red
<<radiobutton "$eyeColor" "Crimson">> Crimson
<<radiobutton "$eyeColor" "Scarlet">> Scarlet
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Ivory">> Ivory
<<radiobutton "$skinColor" "Alabaster White">> Alabaster White
<<radiobutton "$skinColor" "Pale">> Pale
<<radiobutton "$skinColor" "Fair">> Fair
<<radiobutton "$skinColor" "Light Beige">> Light Beige </div></div>\
<<button "Randomize Colors">>
<<set $hairColor to ["Dark Scarlet", "Crimson Red", "Ruby Red", "Burgundy", "Rosewood", "Raspberry Red", "Deep Rose", "Blush Pink", "Peach Blush", "Lavender Blush", "White"][(random(0, 10))]>>
<<set $eyeColor to ["Powder Pink", "Rose Quartz", "Champagne Pink", "Pale Rose", "Light Salmon", "Coral", "Salmon", "Rose", "Pink", "Fuchsia", "Carmine", "Cherry", "Red", "Crimson", "Scarlet"][(random(0, 14))]>>
<<set $skinColor to ["Albino", "Ivory", "Alabaster White", "Pale", "Fair", "Light Beige"][(random(0, 5))]>>
<<goto "CharacterCreatorCupid2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorCupid2">><</button>><<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="1300" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="185" max="365" value="200" step="0.1" class="slider">
<span id="heightslideval">200</span> cm
Height: <span id="heighttext">Short</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="80" max="320" value="85" step="0.1" class="slider">
<span id="weightslideval">85</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="1500" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span><</if>>\
\
<<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="1200" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="30.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>>\
\
<<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="50.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>>
<<if random(0,1) == 1>>\
<label>Horns</label>
<label>Adjust the value: </label>
<input type="range" id="hornLengthslider" min="2.8" max="15.32" value="2.8" step="0.01" class="slider">
<span id="hornLengthslideval">2.8</span> cm
Your horns are <span id="hornLengthText">Tiny</span>
<</if>>\
<label>Tail Length</label>
<label>Adjust the value: </label>
<input type="range" id="tailLengthslider" min="35.72" max="81.44" value="35.72" step="0.01" class="slider">
<span id="tailLengthslideval">35.72</span> cm
Your tail is <span id="tailLengthText">Short</span>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="900" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Black">> Black
<<radiobutton "$hairColor" "Dirty Blonde">> Dirty Blonde
<<radiobutton "$hairColor" "Blonde">> Blonde
<<radiobutton "$hairColor" "Ash Blonde">> Ash Blonde
<<radiobutton "$hairColor" "Platinum Blonde">> Platinum Blonde
<<radiobutton "$hairColor" "Blonde Gray">> Blonde Gray
<<radiobutton "$hairColor" "Dark Gray">> Dark Gray
<<radiobutton "$hairColor" "Gray">> Gray
<<radiobutton "$hairColor" "Light Gray">> Light Gray
<<radiobutton "$hairColor" "White">> White
<<radiobutton "$hairColor" "Strawberry Blonde">> Strawberry Blonde
<<radiobutton "$hairColor" "Ginger">> Ginger
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Black">> Black
<<radiobutton "$eyeColor" "Dark Gray">> Dark Gray
<<radiobutton "$eyeColor" "Gray">> Gray
<<radiobutton "$eyeColor" "Light Gray">> Light Gray
<<radiobutton "$eyeColor" "White">> White
<<radiobutton "$eyeColor" "Coral">> Coral
<<radiobutton "$eyeColor" "Pink">> Pink
<<radiobutton "$eyeColor" "Red">> Red
<<radiobutton "$eyeColor" "Light Green">> Light Green
<<radiobutton "$eyeColor" "Green">> Green
<<radiobutton "$eyeColor" "Dark Green">> Dark Green
<<radiobutton "$eyeColor" "Blue">> Blue
<<radiobutton "$eyeColor" "Light Blue">> Light Blue
<<radiobutton "$eyeColor" "Gray-Blue">> Gray-Blue
<<radiobutton "$eyeColor" "Gray">> Gray
<<radiobutton "$eyeColor" "Dark Blue">> Dark Blue
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Ivory">> Ivory
<<radiobutton "$skinColor" "Alabaster White">> Alabaster White
<<radiobutton "$skinColor" "Pale">> Pale
<<radiobutton "$skinColor" "Fair">> Fair
<<radiobutton "$skinColor" "Light Beige">> Light Beige
<<radiobutton "$skinColor" "Beige">> Beige
<<radiobutton "$skinColor" "Dark Beige">> Dark Beige
<<radiobutton "$skinColor" "Olive">> Olive
<<radiobutton "$skinColor" "Light Tan">> Light Tan
<<radiobutton "$skinColor" "Tan">> Tan
<<radiobutton "$skinColor" "Deep Tan">> Deep Tan
<<radiobutton "$skinColor" "Caramel">> Caramel
<<radiobutton "$skinColor" "Bronze">> Bronze</div></div>\
<<button "Randomize Colors">>
<<set $hairColor to ["Black", "Dirty Blonde", "Blonde", "Ash Blonde", "Platinum Blonde", "Blonde Gray", "Dark Gray", "Gray", "Light Gray", "White", "Strawberry Blonde", "Ginger"][(random(0, 11))]>>
<<set $eyeColor to ["Black", "Dark Gray", "Gray", "Light Gray", "White", "Coral", "Pink", "Red", "Light Green", "Green", "Dark Green", "Blue", "Light Blue", "Gray-Blue", "Dark Blue"][(random(0, 14))]>>
<<set $skinColor to ["Albino", "Ivory", "Alabaster White", "Pale", "Fair", "Light Beige", "Beige", "Dark Beige", "Olive", "Light Tan", "Tan", "Deep Tan", "Caramel", "Bronze"][(random(0, 13))]>>
<<goto "CharacterCreatorGrayElf2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorGrayElf2">><</button>><<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="1000" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="150" max="220" value="150" step="0.1" class="slider">
<span id="heightslideval">150</span> cm
Height: <span id="heighttext">Short</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="80" max="200" value="80" step="0.1" class="slider">
<span id="weightslideval">80</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="1250" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span><</if>><<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="950" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="25.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>><<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="45.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="400" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Onyx">> Onyx
<<radiobutton "$hairColor" "Charcoal">> Charcoal
<<radiobutton "$hairColor" "Dark Gray">> Dark Gray
<<radiobutton "$hairColor" "Slate Gray">> Slate Gray
<<radiobutton "$hairColor" "Dirty Blonde">> Dirty Blonde
<<radiobutton "$hairColor" "Blonde">> Blonde
<<radiobutton "$hairColor" "Ash Blonde">> Ash Blonde
<<radiobutton "$hairColor" "Platinum Blonde">> Platinum Blonde
<<radiobutton "$hairColor" "Blonde Gray">> Blonde Gray
<<radiobutton "$hairColor" "Dark Gray">> Dark Gray
<<radiobutton "$hairColor" "Gray">> Gray
<<radiobutton "$hairColor" "Light Gray">> Light Gray
<<radiobutton "$hairColor" "White">> White
<<radiobutton "$hairColor" "Icy Lilac">> Icy Lilac
<<radiobutton "$hairColor" "Pale Lavender">> Pale Lavender
<<radiobutton "$hairColor" "Silver Lavender">> Silver Lavender
<<radiobutton "$hairColor" "Lavender Gray">> Lavender Gray
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Black">> Black
<<radiobutton "$eyeColor" "White">> White
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Ivory">> Ivory
<<radiobutton "$skinColor" "Alabaster White">> Alabaster White
<<radiobutton "$skinColor" "Pale">> Pale
<<radiobutton "$skinColor" "Fair">> Fair
<<radiobutton "$skinColor" "Light Beige">> Light Beige
<<radiobutton "$skinColor" "Beige">> Beige
<<radiobutton "$skinColor" "Dark Beige">> Dark Beige
<<radiobutton "$skinColor" "Olive">> Olive
<<radiobutton "$skinColor" "Light Tan">> Light Tan
<<radiobutton "$skinColor" "Tan">> Tan
<<radiobutton "$skinColor" "Deep Tan">> Deep Tan
<<radiobutton "$skinColor" "Caramel">> Caramel
<<radiobutton "$skinColor" "Bronze">> Bronze</div></div>\
<<button "Randomize Colors">>
<<set $hairColor to ["Onyx", "Charcoal", "Dark Gray", "Slate Gray", "Dirty Blonde", "Blonde", "Ash Blonde", "Platinum Blonde", "Blonde Gray", "Gray", "Light Gray", "White", "Icy Lilac", "Pale Lavender", "Silver Lavender", "Lavender Gray"][(random(0, 14))]>>
<<set $eyeColor to ["Black", "White"][(random(0, 1))]>>
<<set $skinColor to ["Albino", "Ivory", "Alabaster White", "Pale", "Fair", "Light Beige", "Beige", "Dark Beige", "Olive", "Light Tan", "Tan", "Deep Tan", "Caramel", "Bronze"][(random(0, 13))]>>
<<goto "CharacterCreatorBanshee2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorBanshee2">><</button>><<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="950" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="60" max="215" value="60" step="0.1" class="slider">
<span id="heightslideval">60</span> cm
Height: <span id="heighttext">Short</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="60" max="215" value="60" step="0.1" class="slider">
<span id="weightslideval">60</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="1250" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span><</if>><<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="950" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="25.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>><<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="45.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="400" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Black">> Black
<<radiobutton "$hairColor" "Onyx">> Onyx
<<radiobutton "$hairColor" "Charcoal">> Charcoal
<<radiobutton "$hairColor" "Dark Brown">> Dark Brown
<<radiobutton "$hairColor" "Brown">> Brown
<<radiobutton "$hairColor" "Light Brown">> Light Brown
<<radiobutton "$hairColor" "Sandy Brown">> Sandy Brown
<<radiobutton "$hairColor" "Mahogany">> Mahogany
<<radiobutton "$hairColor" "Dirty Blonde">> Dirty Blonde
<<radiobutton "$hairColor" "Strawberry Blonde">> Strawberry Blonde
<<radiobutton "$hairColor" "Blonde">> Blonde
<<radiobutton "$hairColor" "Ash Blonde">> Ash Blonde
<<radiobutton "$hairColor" "Platinum Blonde">> Platinum Blonde
<<radiobutton "$hairColor" "Blonde Gray">> Blonde Gray
<<radiobutton "$hairColor" "Slate Gray">> Slate Gray
<<radiobutton "$hairColor" "Dark Gray">> Dark Gray
<<radiobutton "$hairColor" "Gray">> Gray
<<radiobutton "$hairColor" "Light Gray">> Light Gray
<<radiobutton "$hairColor" "White">> White
<<radiobutton "$hairColor" "Ginger">> Ginger
<<radiobutton "$hairColor" "Red">> Red
<<radiobutton "$hairColor" "Fire Red">> Fire Red
<<radiobutton "$hairColor" "Deep Red">> Deep Red
<<radiobutton "$hairColor" "Dark Red">> Dark Red
<<radiobutton "$hairColor" "Icy Lilac">> Icy Lilac
<<radiobutton "$hairColor" "Pale Lavender">> Pale Lavender
<<radiobutton "$hairColor" "Silver Lavender">> Silver Lavender
<<radiobutton "$hairColor" "Lavender Gray">> Lavender Gray
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Black">> Black
<<radiobutton "$eyeColor" "Dark Brown">> Dark Brown
<<radiobutton "$eyeColor" "Light Brown">> Light Brown
<<radiobutton "$eyeColor" "Hazel">> Hazel
<<radiobutton "$eyeColor" "Brown">> Brown
<<radiobutton "$eyeColor" "Golden Brown">> Golden Brown
<<radiobutton "$eyeColor" "Gold">> Gold
<<radiobutton "$eyeColor" "Light Green">> Light Green
<<radiobutton "$eyeColor" "Green">> Green
<<radiobutton "$eyeColor" "Dark Green">> Dark Green
<<radiobutton "$eyeColor" "Blue">> Blue
<<radiobutton "$eyeColor" "Light Blue">> Light Blue
<<radiobutton "$eyeColor" "Gray-Blue">> Gray-Blue
<<radiobutton "$eyeColor" "Dark Gray">> Dark Gray
<<radiobutton "$eyeColor" "Gray">> Gray
<<radiobutton "$eyeColor" "Light Gray">> Light Gray
<<radiobutton "$eyeColor" "White">> White
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Ivory">> Ivory
<<radiobutton "$skinColor" "Alabaster White">> Alabaster White
<<radiobutton "$skinColor" "Pale">> Pale
<<radiobutton "$skinColor" "Fair">> Fair
<<radiobutton "$skinColor" "Light Beige">> Light Beige
<<radiobutton "$skinColor" "Beige">> Beige
<<radiobutton "$skinColor" "Dark Beige">> Dark Beige
<<radiobutton "$skinColor" "Olive">> Olive
<<radiobutton "$skinColor" "Light Tan">> Light Tan
<<radiobutton "$skinColor" "Tan">> Tan
<<radiobutton "$skinColor" "Deep Tan">> Deep Tan
<<radiobutton "$skinColor" "Caramel">> Caramel
<<radiobutton "$skinColor" "Bronze">> Bronze</div></div>\
<<button "Randomize Colors">>
<<set $hairColor to [
"Black", "Onyx", "Charcoal",
"Dark Brown", "Brown", "Light Brown", "Sandy Brown", "Mahogany",
"Dirty Blonde", "Strawberry Blonde", "Blonde", "Ash Blonde", "Platinum Blonde", "Blonde Gray",
"Slate Gray", "Dark Gray", "Gray", "Light Gray", "White",
"Ginger", "Red", "Fire Red", "Deep Red", "Dark Red",
"Icy Lilac", "Pale Lavender", "Silver Lavender", "Lavender Gray"
][random(0, 27)]>>
<<set $eyeColor to [
"Black", "Dark Brown", "Light Brown", "Hazel", "Brown", "Golden Brown",
"Gold", "Light Green", "Green", "Dark Green",
"Blue", "Light Blue", "Gray-Blue",
"Dark Gray", "Gray", "Light Gray", "White"
][random(0, 16)]>>
<<set $skinColor to [
"Albino", "Ivory", "Alabaster White", "Pale", "Fair",
"Light Beige", "Beige", "Dark Beige", "Olive",
"Light Tan", "Tan", "Deep Tan", "Caramel", "Bronze"
][random(0, 13)]>>
<<goto "CharacterCreatorSpiderling2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorSpiderling2">><</button>><<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorRatKin">>
<</button>>
<</if>><<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorRamKin">>
<</button>>
<</if>><<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorMooseKin">>
<</button>>
<</if>><<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorCupid">>
<</button>>
<</if>><<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorGrayElf">>
<</button>>
<</if>><<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorBanshee">>
<</button>>
<</if>><<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorSpiderling">>
<</button>>
<</if>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Transformational:</label>
This power type is very different personality-wise from the Elemental and Mental types. They are social chameleons who, depending on who they find themselves with, will present themselves in an eerily similar way as their peers. Their flip-floppy personalities are not easily picked up on because if you know them from one friend group, you'll assume that's their true personality. If you were to observe them in a different friend group you'll see how quick and easily they adapt to the different people. While this may seem malicious, they do not do this with ill intent - well most of them don't. This came about as a survival instinct developed to cope with the current state the worlds. Without knowing their true nature, they are quite like, though when their true nature is revealed they are quite despised.
<<button "Transformational">><<set $powerType to "Transformational">><</button>>
<hr>
<label>Mental:</label>
This power type personality-wise is very similar to Elemental power types but while Elementals keep their hyperactive emotions hidden, Mental types wear their hearts on their sleeves. Depending on thier inner most nature, this might place a target on their backs or give them an advantage in strength. Like their power type suggests, Mental types are seen as crazy people who should be interacted with caution regardless of their inner most nature.
<<button "Mental">><<set $powerType to "Mental">><</button>>
<hr>
<<button "Random Power Type">>
<<set $powerType to ["Mental", "Transformational"][(random(0, 1))]>>
<<goto "ToqenChoice2">>
<</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Elemental:</label>
This power type is suited for people who keep their emotions hidden within. While others may suspect it's because they have little to no emotions, they're actually far from the truth. Elemental power types are very emotional people but due to the hostility of the general public they've learned to hide their true emotions. Thus, they may be mistaken for being cold hearted but that is just to hide their fragile, overreactive, hearts.
<<button "Elemental">><<set $powerType to "Elemental">><</button>>
<hr>
<label>Transformational:</label>
This power type is very different personality-wise from the Elemental and Mental types. They are social chameleons who, depending on who they find themselves with, will present themselves in an eerily similar way as their peers. Their flip-floppy personalities are not easily picked up on because if you know them from one friend group, you'll assume that's their true personality. If you were to observe them in a different friend group you'll see how quick and easily they adapt to the different people. While this may seem malicious, they do not do this with ill intent - well most of them don't. This came about as a survival instinct developed to cope with the current state the worlds. Without knowing their true nature, they are quite like, though when their true nature is revealed they are quite despised.
<<button "Transformational">><<set $powerType to "Transformational">><</button>>
<hr>
<<button "Random Power Type">>
<<set $powerType to ["Elemental", "Transformational"][(random(0, 1))]>>
<<goto "ToqenChoice2">>
<</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Elemental:</label>
This power type is suited for people who keep their emotions hidden within. While others may suspect it's because they have little to no emotions, they're actually far from the truth. Elemental power types are very emotional people but due to the hostility of the general public they've learned to hide their true emotions. Thus, they may be mistaken for being cold hearted but that is just to hide their fragile, overreactive, hearts.
<<button "Elemental">><<set $powerType to "Elemental">><</button>>
<hr>
<label>Transformational:</label>
This power type is very different personality-wise from the Elemental and Mental types. They are social chameleons who, depending on who they find themselves with, will present themselves in an eerily similar way as their peers. Their flip-floppy personalities are not easily picked up on because if you know them from one friend group, you'll assume that's their true personality. If you were to observe them in a different friend group you'll see how quick and easily they adapt to the different people. While this may seem malicious, they do not do this with ill intent - well most of them don't. This came about as a survival instinct developed to cope with the current state the worlds. Without knowing their true nature, they are quite like, though when their true nature is revealed they are quite despised.
<<button "Transformational">><<set $powerType to "Transformational">><</button>>
<hr>
<<button "Random Power Type">>
<<set $powerType to ["Elemental", "Transformational"][(random(0, 1))]>>
<<goto "ToqenChoice2">>
<</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Transformational:</label>
This power type is very different personality-wise from the Elemental and Mental types. They are social chameleons who, depending on who they find themselves with, will present themselves in an eerily similar way as their peers. Their flip-floppy personalities are not easily picked up on because if you know them from one friend group, you'll assume that's their true personality. If you were to observe them in a different friend group you'll see how quick and easily they adapt to the different people. While this may seem malicious, they do not do this with ill intent - well most of them don't. This came about as a survival instinct developed to cope with the current state the worlds. Without knowing their true nature, they are quite like, though when their true nature is revealed they are quite despised.
<<button "Transformational">><<set $powerType to "Transformational">><</button>>
<hr>
<label>Mental:</label>
This power type personality-wise is very similar to Elemental power types but while Elementals keep their hyperactive emotions hidden, Mental types wear their hearts on their sleeves. Depending on thier inner most nature, this might place a target on their backs or give them an advantage in strength. Like their power type suggests, Mental types are seen as crazy people who should be interacted with caution regardless of their inner most nature.
<<button "Mental">><<set $powerType to "Mental">><</button>>
<hr>
<<button "Random Power Type">>
<<set $powerType to ["Mental", "Transformational"][(random(0, 1))]>>
<<goto "ToqenChoice2">>
<</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Mental:</label>
This power type personality-wise is very similar to Elemental power types but while Elementals keep their hyperactive emotions hidden, Mental types wear their hearts on their sleeves. Depending on thier inner most nature, this might place a target on their backs or give them an advantage in strength. Like their power type suggests, Mental types are seen as crazy people who should be interacted with caution regardless of their inner most nature.
<<button "Mental">><<set $powerType to "Mental">><</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Elemental:</label>
This power type is suited for people who keep their emotions hidden within. While others may suspect it's because they have little to no emotions, they're actually far from the truth. Elemental power types are very emotional people but due to the hostility of the general public they've learned to hide their true emotions. Thus, they may be mistaken for being cold hearted but that is just to hide their fragile, overreactive, hearts.
<<button "Elemental">><<set $powerType to "Elemental">><</button>>
<hr>
<label>Transformational:</label>
This power type is very different personality-wise from the Elemental and Mental types. They are social chameleons who, depending on who they find themselves with, will present themselves in an eerily similar way as their peers. Their flip-floppy personalities are not easily picked up on because if you know them from one friend group, you'll assume that's their true personality. If you were to observe them in a different friend group you'll see how quick and easily they adapt to the different people. While this may seem malicious, they do not do this with ill intent - well most of them don't. This came about as a survival instinct developed to cope with the current state the worlds. Without knowing their true nature, they are quite like, though when their true nature is revealed they are quite despised.
<<button "Transformational">><<set $powerType to "Transformational">><</button>>
<hr>
<<button "Random Power Type">>
<<set $powerType to ["Elemental", "Transformational"][(random(0, 1))]>>
<<goto "ToqenChoice2">>
<</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Transformational:</label>
This power type is very different personality-wise from the Elemental and Mental types. They are social chameleons who, depending on who they find themselves with, will present themselves in an eerily similar way as their peers. Their flip-floppy personalities are not easily picked up on because if you know them from one friend group, you'll assume that's their true personality. If you were to observe them in a different friend group you'll see how quick and easily they adapt to the different people. While this may seem malicious, they do not do this with ill intent - well most of them don't. This came about as a survival instinct developed to cope with the current state the worlds. Without knowing their true nature, they are quite like, though when their true nature is revealed they are quite despised.
<<button "Transformational">><<set $powerType to "Transformational">><</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<set $showInfo to false>>
<<set $showTime to false>>
<<set $show24HrClock to false>>
<<set $show12HrClock to false>>
<<set $showGoldRushClock to false>>
<<set $minutes to 0>>
<<set $hours to 8>>
<<set $time to "AM">>
<<set $dayNum to 1>>
<<set $day to "">>
<<set $monthNum to 1>>
<<set $month to "Solstice">>
<<set $year to 8359>>
<<set $timeTranslation to "High Sun">> <!-- Default to High Sun -->
<<set $cycleComplete to false>> <!-- To track the completion of a full day cycle -->
<<set $universeHour to 8>> <!-- 24-hour universe clock starting at 8am -->
<!-- Update the time -->
<<script>>
window.updateTime = function(addMinutes) {
// Get all variables
var minutes = State.variables.minutes;
var hours = State.variables.hours;
var time = State.variables.time;
var dayNum = State.variables.dayNum;
var monthNum = State.variables.monthNum;
var month = State.variables.month;
var year = State.variables.year;
var timeTranslation = State.variables.timeTranslation;
var cycleComplete = State.variables.cycleComplete;
var universeHour = State.variables.universeHour;
// Handle large increments
if (addMinutes >= 1440) { // Handling days, months, and years
// Calculate total days (addMinutes / 1440 gives us the number of full days)
var totalDays = Math.floor(addMinutes / 1440);
// Update the dayNum based on full days passed
dayNum += totalDays;
// Handle cycle reset and month change when dayNum exceeds 105 (end of the month)
while (dayNum > 105) {
dayNum -= 105; // Reset dayNum to 1 when month ends
monthNum += 1; // Move to the next month
if (monthNum === 1) {
month = "Solstice";
} else if (monthNum === 2) {
month = "Harvest";
} else if (monthNum === 3) {
month = "Frostfall";
monthNum = 0; // Reset month number after Frostfall
year += 1; // Increment year after completing the cycle
}
}
} else { // Handling small increments like minutes or hours
// Increase minutes
minutes += addMinutes;
// Handle minute overflow
while (minutes >= 60) {
minutes -= 60;
hours += 1;
// Update universeHour whenever hours are incremented
universeHour += 1;
if (universeHour >= 24) {
universeHour = 0; // Reset to 0 after 24 hours (start of a new day)
}
// Handle 12-hour format (AM/PM cycle)
if (hours > 12) {
hours = 1; // Reset hours back to 1 after 12
// Toggle AM/PM (Assuming it's a 12-hour clock with AM/PM)
time = time === "AM" ? "PM" : "AM";
}
}
// Set time translation based on the universe hour (24-hour clock)
if (universeHour >= 6 && universeHour < 12) {
timeTranslation = "High Sun"; // Morning
} else if (universeHour >= 12 && universeHour < 18) {
timeTranslation = "Mid Sun"; // Noon
} else if (universeHour >= 18 && universeHour < 24) {
timeTranslation = "Low Sun"; // Evening
}
// Track if the cycle is complete (High Sun -> Mid Sun -> Low Sun)
if (universeHour === 0 && !cycleComplete) {
cycleComplete = true; // Mark the cycle as complete (start of a new day)
}
// If both universeHour is 0 and minutes is 0, increment the day
if (universeHour === 0 && minutes === 0 && cycleComplete) {
dayNum += 1; // Increment the day number
cycleComplete = false; // Reset the cycle for the next day
}
}
// Store updated values back into story variables
State.variables.minutes = minutes;
State.variables.hours = hours;
State.variables.time = time;
State.variables.dayNum = dayNum;
State.variables.monthNum = monthNum;
State.variables.month = month;
State.variables.year = year;
State.variables.timeTranslation = timeTranslation;
State.variables.cycleComplete = cycleComplete;
State.variables.universeHour = universeHour;
};
<</script>><<include "PersonalityTitle">>
<h1>Horn Types</h1><hr>
<label>Telepathic:</label>
These Mentals more often than not are sad, though they can just as easily be sad or happy at random, their neutral is being sad. Being able to read the minds of others can be draining, especially if everyone's mind you read is suffering. Thus, they are usually in a state of distress and are called crybabies by the other power types, including other Mentals. Even Earth Elementals, who are also percieved as crybabies, call them that.
<<button "Telepathic">><<set $hornType to "Telepathic">><</button>>
<hr>
<<button "Confirm">><<goto "Confirm3">>
<</button>><<include "Title">>
<label>Age</label>
<label>Adjust the value: </label>
<input type="range" id="ageslider" min="16" max="130" value="16" step="1" class="slider">
You are <span id="ageslideval">16</span> years old
Age: <span id="agetext">Youngling</span>
<label>Height</label>
<label>Adjust the value: </label>
<input type="range" id="heightslider" min="95" max="200" value="95" step="0.1" class="slider">
<span id="heightslideval">95</span> cm
Height: <span id="heighttext">Short</span>
<label>Weight</label>
<label>Adjust the value: </label>
<input type="range" id="weightslider" min="90" max="315" value="90" step="0.1" class="slider">
<span id="weightslideval">90</span> lbs
Body Type: <span id="bodytype">Slender</span>
<<if $gender is "Female">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="950" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span><</if>><<if $gender is "Intersex">><label>Breast</label>
<label>Adjust the value: </label>
<input type="range" id="breastslider" min="10" max="450" value="150" step="0.1" class="slider">
<span id="breastslideval">150</span> ccs
Cup Size: <span id="cupsize">A</span>
<label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="15.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>><<if $gender is "Male">><label>Penis</label>
<label>Adjust the value: </label>
<input type="range" id="penisslider" min="2" max="35.48" value="3" step="0.001" class="slider">
<span id="penisslideval">3</span> cm
Your penis is <span id="penissize">Tiny</span><</if>>
<hr>
<label>Hair Length</label>
<label>Adjust the value: </label>
<input type="range" id="hairlengthslider" min="10" max="700" value="10" step="0.1" class="slider">
<span id="hairlengthslideval">10</span> cm
<hr>
<div class="radio-group">
<div class="column">
<label>Choose Hair Color: </label>
<<radiobutton "$hairColor" "Ginger">> Ginger
<<radiobutton "$hairColor" "Fire Red">> Fire Red
<<radiobutton "$hairColor" "Red">> Red
<<radiobutton "$hairColor" "Deep Red">> Deep Red
<<radiobutton "$hairColor" "Dark Red">> Dark Red
<<radiobutton "$hairColor" "Mahogany">> Mahogany
</div>
<div class="column">
<label>Choose Eye Color: </label>
<<radiobutton "$eyeColor" "Gold">> Gold
<<radiobutton "$eyeColor" "Light Green">> Light Green
<<radiobutton "$eyeColor" "Green">> Green
<<radiobutton "$eyeColor" "Dark Green">> Dark Green
<<radiobutton "$eyeColor" "Blue">> Blue
<<radiobutton "$eyeColor" "Light Blue">> Light Blue
<<radiobutton "$eyeColor" "Gray-Blue">> Gray-Blue
</div>
<div class="column">
<label>Choose Skin Color: </label>
<<radiobutton "$skinColor" "Albino">> Albino
<<radiobutton "$skinColor" "Ivory">> Ivory
<<radiobutton "$skinColor" "Alabaster White">> Alabaster White
<<radiobutton "$skinColor" "Pale">> Pale
<<radiobutton "$skinColor" "Fair">> Fair
<<radiobutton "$skinColor" "Light Beige">> Light Beige
<<radiobutton "$skinColor" "Beige">> Beige
<<radiobutton "$skinColor" "Dark Beige">> Dark Beige
<<radiobutton "$skinColor" "Olive">> Olive
<<radiobutton "$skinColor" "Light Tan">> Light Tan
<<radiobutton "$skinColor" "Tan">> Tan
<<radiobutton "$skinColor" "Deep Tan">> Deep Tan
<<radiobutton "$skinColor" "Caramel">> Caramel
<<radiobutton "$skinColor" "Bronze">> Bronze</div></div>\
<<button "Randomize Colors">>
<<set $hairColor to [
"Ginger", "Fire Red", "Red", "Deep Red", "Dark Red", "Mahogany"
][random(0, 5)]>>
<<set $eyeColor to [
"Gold", "Light Green", "Green", "Dark Green", "Blue", "Light Blue", "Gray-Blue"
][random(0, 6)]>>
<<set $skinColor to [
"Albino", "Ivory", "Alabaster White", "Pale", "Fair", "Light Beige", "Beige",
"Dark Beige", "Olive", "Light Tan", "Tan", "Deep Tan", "Caramel", "Bronze"
][random(0, 13)]>>
<<goto "CharacterCreatorImp2">>
<</button>>
<hr>
<<button "Confirm">><<goto "CharacterCreatorImp2">><</button>><<include "Title">>
<<if $hairColor is not undefined and $eyeColor is not undefined and $skinColor is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<goto "CharacterCreate1.5">>
<</button>>
<<else>>Please make sure you select a Hair Color, Eye Color, and Skin Color before confirming.
<<button "Go Back">>
<<goto "CharacterCreatorImp">>
<</button>>
<</if>><<include "PersonalityTitle">>
<h1>Power Types</h1><hr>
<label>Transformational:</label>
This power type is very different personality-wise from the Elemental and Mental types. They are social chameleons who, depending on who they find themselves with, will present themselves in an eerily similar way as their peers. Their flip-floppy personalities are not easily picked up on because if you know them from one friend group, you'll assume that's their true personality. If you were to observe them in a different friend group you'll see how quick and easily they adapt to the different people. While this may seem malicious, they do not do this with ill intent - well most of them don't. This came about as a survival instinct developed to cope with the current state the worlds. Without knowing their true nature, they are quite like, though when their true nature is revealed they are quite despised.
<<button "Transformational">><<set $powerType to "Transformational">><</button>>
<hr>
<label>Mental:</label>
This power type personality-wise is very similar to Elemental power types but while Elementals keep their hyperactive emotions hidden, Mental types wear their hearts on their sleeves. Depending on thier inner most nature, this might place a target on their backs or give them an advantage in strength. Like their power type suggests, Mental types are seen as crazy people who should be interacted with caution regardless of their inner most nature.
<<button "Mental">><<set $powerType to "Mental">><</button>>
<hr>
<<button "Random Power Type">>
<<set $powerType to ["Mental", "Transformational"][(random(0, 1))]>>
<<goto "ToqenChoice2">>
<</button>>
<hr>
<<button "Confirm">><<goto "ToqenChoice2">>
<</button>><<if $showInfo is true>>\
Your name is <<print $player.Fname>> <<print $player.Mname>> <<print $player.Lname>>, and you are <<print $player.age>> years old (<<print $player.ageText>>).\
You are <<print $player.gender>>. Your pronouns are: <<print $player.he>> / <<print $player.him>> / <<print $player.his>>.\
You belong to the <<print $player.race>> race, with skin that is <<print $player.skinColor>> in tone. You have <<print $player.blood>> blood.\
Your eyes are a striking shade of <<print $player.eyeColor>>, and you stand at <<print $player.height>> cm, you are <<print $player.heightText>> for your race.\
You weigh <<print $player.weight>> lbs, and you are <<print $player.bodyType>> for your race.\
Your hair reaches a length of <<print $player.hairLength>> cm and is a rich shade of <<print $player.hairColor>>.\
\
<<if $race is "Dark Elf">>
<<print $player.changedHairLength>> cm of your hair is <<if $hairColor is "Black">>white<</if>> <<if $hairColor is "White">>black<</if>> due to age.\
<</if>>\
<<if $gender is "Female">>\
Your breast size measures <<print $player.breastSize>> ccs, and your cup size is <<print $player.cupSize>>.\
\
<<if $race is "Light Elf">>
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<</if>>\
<<if $race is "Gray Elf">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<</if>>\
<<if $race is "Ramkin">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size. They are curled like a ram.\
<</if>>\
<</if>>\
\
<<if $gender is "Intersex">>\
Your breast size measures <<print $player.breastSize>> ccs, and your cup size is <<print $player.cupSize>>.\
Your penis is <<print $player.penisLength>> cm long and is <<print $player.penisSize>> in size.\
\
<<if $race is "Light Elf">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<</if>>\
<<if $race is "Dark Elf">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<<if $race is "Gray Elf">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<</if>>\
<<if $race is "Ramkin">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size. They are curled like a ram.\
<</if>>\
<<if $race is "Moosekin">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size. They are like a moose's horns.\
<</if>>\
<</if>>\
<</if>>\
\
<<if $gender is "Male">>\
Your penis is <<print $player.penisLength>> cm long and is <<print $player.penisSize>> in size.\
\
<<if $race is "Dark Elf">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<</if>>\
<<if $race is "Gray Elf">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size.\
<</if>>\
<<if $race is "Ramkin">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size. They are curled like a ram.\
<</if>>\
<<if $race is "Moosekin">>\
Your horns are <<print $player.hornLength>> cm long and are <<print $player.hornLengthText>> in size. They are like a moose's horns.\
<</if>>\
<</if>>\
\
<<if $race is "Light Elf" or $race is "Gray Elf">>\
Your tail is <<print $player.tailLength>> cm long and is <<print $player.tailLengthText>> in size for your race.\
<</if>>\
\
<<if $race is "Time Lord">>\
You have two cat ears on the top of your head with fur the same colour as your hair.\
Your fluffy tail is <<print $player.tailLength>> cm long and is <<print $player.tailLengthText>> in size for your race.\
<</if>>\
\
<<if $race is "Cupid">>\
Your tail is <<print $player.tailLength>> cm long and is <<print $player.tailLengthText>> in size for your race.\
It has a heart at the end.\
<</if>>\
\
<<if $race is "Ratkin">>\
You have two rat ears on the top of your head with fur the same colour as your hair.\
Your rat tail is <<print $player.tailLength>> cm long and is <<print $player.tailLengthText>> in size for your race.\
<</if>>\
\
<<if $race is "Ramkin">>\
You have two ram ears on the top of your head with fur the same colour as your hair.\
Your fluffy tail is <<print $player.tailLength>> cm long and is <<print $player.tailLengthText>> in size for your race.\
<</if>>\
\
<<if $race is "Moosekin">>\
You have two moose ears on the top of your head with fur the same colour as your hair.\
Your fluffy tail is <<print $player.tailLength>> cm long and is <<print $player.tailLengthText>> in size for your race.\
<</if>>\
<hr>
<</if>>\
<<if $ToqenComplete is true>>\
Your Tōqen has <<print $player.wingType>> wings. Your Tōqen's power type is <<print $player.powerType>>, its horns are of the <<print $player.hornType>> type. It is has a big <<print $player.eyeColor>> coloured eye that stares at you.\
<</if>>\
\
<<if $showInfo is false>>\
You haven't finished editing your character yet. Please complete all necessary fields before viewing your character information.\
<</if>>\<<link 'Character Info'>><<popup 'Character Info' 'Character Info'>><</link>>
<<link 'Stats'>><<popup 'Stats' 'Stats'>><</link>>
<<if $charactercomplete is true>><<link 'Save Character'>><<popup 'Save Character' 'Save Character'>><</link>><</if>>
<<if $ToqenComplete is true>>\
<<link 'Tōqen'>><<popup 'Tōqen' 'Tōqen'>><</link>>
<</if>>\<<if $ToqenComplete is true>>\
<ul style="list-style-type: none; padding: 0;">\
<li><b>Charisma:</b> <span class="charisma"><<print $player.charisma>></span></li>
<li><b>Intellect:</b> <span class="intellect"><<print $player.intellect>></span></li>
<li><b>Adaptability:</b> <span class="adaptability"><<print $player.adaptability>></span></li>
<li><b>Willpower:</b> <span class="willpower"><<print $player.willpower>></span></li>
<li><b>Strength:</b> <span class="strength"><<print $player.strength>></span></li>\
</ul>\
<</if>>\ Equipped Weapon: [''$equipedweapon'']
Equipped Armour: [''$equipedarmour'']
Equipped Headgear: [''$equipedheadgear'']
Equipped Footwear: [''$equipedfootwear'']
Equipped Neck Accessory: [''$equipedneck'']
Equipped Hand Accessory: [''$equipedhand'']
Equipped Groin Accessory: [''$equipedgroin'']
<hr>
<<link 'Clothes'>><<popup 'Clothes' 'Clothes'>><</link>>\
 \
<<link 'Weapons'>><<popup 'Weapons' 'Weapons'>><</link>>\
 \
<<link 'Edibles'>><<popup 'Edibles' 'Edibles'>><</link>><<if $gender is "Male">>
A strip of sun-bleached cloth, just enough to wrap around your waist. It hangs down to your knees.
<</if>>\
<<if $gender is "Female" or $gender is "Intersex">>
A strip of sun-bleached cloth, just enough to wrap around your chest. It hangs down to your upper thighs.
<</if>>\
<<for _tunic range $clothes["MakeshiftTunic"].quantity>>
- Durability: <<=_tunic.durability>><br>
<</for>>
<<if $equipedarmour isnot "Makeshift Tunic">>
<<button "Equip">>
<<set $equipedarmour to "Makeshift Tunic">>
<<run Dialog.close()>>
<</button>>\
<</if>>\
<<if $equipedarmour is "Makeshift Tunic">>
<<button "Unequip">>
<<set $equipedarmour to "None">>
<<run Dialog.close()>>
<</button>>\
<</if>>\<<if $clothes["MakeshiftTunic"] and $clothes["MakeshiftTunic"].quantity.length > 0>>
<<button 'Makeshift Tunic'>><<popup 'Makeshift Tunic' 'Makeshift Tunic'>><</button>>
<</if>><<if $edibles["RustyCanteen"] == 1>>
<<button 'Rusty Canteen'>><<popup 'Rusty Canteen' 'Rusty Canteen'>><</button>>
<</if>><<if $weapons["RustedMetalPipe"] == 1>>
<<button 'Rusted Metal Pipe'>><<popup 'Rusted Metal Pipe' 'Rusted Metal Pipe'>><</button>>
<</if>>A long piece of rusted metal piping. Heavy, but useful in a pinch as a blunt weapon or tool.
<<if $equipedweapon isnot "Rusted Metal Pipe">>
<<button "Equip">>
<<set $equipedweapon to "Rusted Metal Pipe">>
<<set $player.strength += 3>>
<<run Dialog.close()>>
<</button>>\
<</if>>\
<<if $equipedweapon is "Rusted Metal Pipe">>
<<button "Unequip">>
<<set $equipedweapon to "None">>
<<set $player.strength -= 3>>
<<run Dialog.close()>>
<</button>>\
<</if>>\A long piece of rusted metal piping. Heavy, but useful in a pinch as a blunt weapon or tool. \
<<if $canteenFullness >= 1>>\
It's full.\
<<else>>\
It's empty.\
<</if>>\
<<if $thirst > 0>>\
<<if $canteenFullness >= 1>>
<<button "Drink">>
<<set $canteenFullness -= 1>>
<<set $thirst -= Math.min($thirst, 15)>>
<<run Dialog.close()>>
<</button>>\
<</if>>\
<<else>>
You're not thirsty.\
<</if>>\Version 2<<goto "CharacterCreate1">><<if $ToqenComplete is true>>\
<ul style="list-style-type: none; padding: 0;">
<li><b>Wing Type:</b> <<print $player.wingType>></li>
<li><b>Power Type:</b> <<print $player.powerType>></li>
<li><b>Horn Type:</b> <<print $player.hornType>></li>
<li><b>Special Ability:</b> <span class="ability"><<print $player.ability>></span></li>\
</ul>\
<<else>>\
<p>You haven’t selected your Tōqen yet. Your stats will appear here once you do.</p>\
<</if>>\<<include "PersonalityTitle">>
<<if $hornType is not undefined>>All selections are complete! You are ready to proceed.
<<button "Confirm">>
<<set $player.wingType to "<span class='wingtype'>" + $wingType + "</span>">>
<<set $player.powerType to "<span class='powertype'>" + $powerType + "</span>">>
<<set $player.hornType to "<span class='horntype'>" + $hornType + "</span>">> <<goto "ToqenChoice3">>
<</button>>
<<else>>Please make sure you select a Horn Type before confirming.
[[Return|previous()]]
<</if>><<include "Title">>
You made <<print $player.Fname>> <<print $player.Mname>> <<print $player.Lname>>. Let's make a new character!
If you want to save <<print $player.Fname>>, press the save character button. If you don't, let's continue.
<<button "Make a New Character!">><<goto "CharacterCreate1">> <<set $showInfo to false>> <<set $ToqenComplete to false>><</button>><<if $save>>
<<button "💾 Save Current Character">>
<<set $save = false>>
<<set _newChar = clone($player)>>
<<run $savedCharacters.push(_newChar)>>
<<set $lastSaveMessage = "Saved character #" + $savedCharacters.length>>
<<set $save = false>> <!-- Prevent saving again until reset -->
<</button>>
<<else>>
<p>You have already saved this character.</p>
<</if>>
\
<p><<print $lastSaveMessage>></p>
\
<hr>
<<link 'Show Saved Characters'>><<popup 'Saved Characters' 'Saved Characters'>><</link>>\<div id="modalOutput">
<<if $savedCharacters.length > 0>>
<p>Saved characters: <<print $savedCharacters.length>></p>
<<set _savedList to clone($savedCharacters)>>
<<for _index, _char range _savedList>>
<div style="border: 1px solid #ccc; padding: 1em; margin: 1em 0;">
<p><b>Name:</b> <<print _char.Fname>> <<print _char.Mname>> <<print _char.Lname>></p>
<p><b>Age:</b> <<print _char.age>> (<<print _char.ageText>>)</p>
<p><b>Gender:</b> <<print _char.gender>> | Pronouns: <<print _char.he>> / <<print _char.him>> / <<print _char.his>></p>
<p><b>Race:</b> <<print _char.race>> | <b>Skin:</b> <<print _char.skinColor>> | <b>Blood:</b> <<print _char.blood>></p>
<p><b>Height:</b> <<print _char.height>> cm (<<print _char.heightText>>) | <b>Weight:</b> <<print _char.weight>> lbs (<<print _char.bodyType>>)</p>
<p><b>Hair:</b> <<print _char.hairLength>> cm, <<print _char.hairColor>> | <b>Eyes:</b> <<print _char.eyeColor>></p>
<<if _char.wingType>>
<p><b>Tōqen:</b> Wings - <<print _char.wingType>>, Power - <<print _char.powerType>>, Horns - <<print _char.hornType>></p>
<ul>
<li><b>Charisma:</b> <<print _char.charisma>></li>
<li><b>Intellect:</b> <<print _char.intellect>></li>
<li><b>Adaptability:</b> <<print _char.adaptability>></li>
<li><b>Willpower:</b> <<print _char.willpower>></li>
<li><b>Strength:</b> <<print _char.strength>></li>
</ul>
<</if>>
<!-- Load Button -->
<<button "Load">>
<<set $player to clone(_char)>>
<<run UI.alert("Character loaded!")>>
<</button>>
<!-- Delete Button -->
<<button "Delete">>
<<run $savedCharacters.deleteAt(_index)>>
<<replace "#modalOutput">><<include "Saved Characters">><</replace>>
<</button>>
</div>
<</for>>
<<else>>
<p>No saved characters yet.</p>
<</if>>
</div>